.feed-comment-overlay{z-index:140;background:#00000085;justify-content:flex-end;display:flex;position:fixed;inset:0}.feed-comment-drawer{width:min(420px,100vw);height:100vh;padding:24px 20px calc(env(safe-area-inset-bottom,0px) + 20px);background:#17181b;border-left:1px solid #ffffff14;flex-direction:column;gap:18px;display:flex;box-shadow:-18px 0 42px #00000057}.feed-comment-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.feed-comment-title{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.feed-comment-subtitle{color:#b7b7bc;margin:6px 0 0;font-size:.9rem}.feed-comment-close{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;width:40px;height:40px;font-size:1.5rem}.feed-comment-list{flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow:auto}.feed-comment-state{color:#c8c8cd;background:#ffffff0a;border-radius:16px;margin:0;padding:16px}.feed-comment-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;gap:12px;padding:14px;display:flex}.feed-comment-avatar{flex:none;width:38px;height:38px}.feed-comment-body{flex:1;min-width:0}.feed-comment-meta{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.feed-comment-author{color:#fff;font-weight:700}.feed-comment-date{color:#9ea0a9;margin-top:2px;font-size:.8rem}.feed-comment-copy{color:#ececf0;white-space:pre-wrap;margin:10px 0 0;line-height:1.55}.feed-comment-actions,.feed-comment-edit-actions{align-items:center;gap:8px;display:flex}.feed-comment-action,.feed-comment-secondary,.feed-comment-submit{cursor:pointer;border:none;border-radius:999px;min-height:34px;padding:0 14px;font-weight:600}.feed-comment-action,.feed-comment-secondary{color:#fff;background:#ffffff14}.feed-comment-action-danger{color:#ff9797}.feed-comment-submit{color:#171717;background:linear-gradient(135deg,#f7de5e,#ffb547)}.feed-comment-edit,.feed-comment-composer-body{flex-direction:column;gap:10px;display:flex}.feed-comment-composer{border-top:1px solid #ffffff14;gap:12px;padding-top:12px;display:flex}.feed-comment-input{resize:vertical;color:#fff;width:100%;min-height:88px;font:inherit;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:12px 14px}.feed-comment-input::placeholder{color:#9ea0a9}.feed-comment-input:focus{outline-offset:1px;outline:2px solid #f7de5e80}@media (width<=640px){.feed-comment-drawer{width:100vw;padding-inline:16px}.feed-comment-meta{flex-direction:column}}