.engagement{--comment-surface:#f0f2f5;--comment-ink:#17202b;--comment-muted:#59636f;border-radius:18px!important;padding:clamp(18px,4vw,30px)!important}.engagement h2{font-size:24px}.engagement>.member-actions{border-bottom:1px solid var(--line);padding-bottom:18px}.engagement .rtc-comment{display:flex;gap:12px;border:0;margin:20px 0;padding:0;background:transparent}.engagement .comment-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fbe8ec;color:#a8102d;display:grid;place-items:center;font-size:13px;font-weight:700}.engagement .comment-content{min-width:0;flex:1}.engagement .comment-bubble{display:inline-block;max-width:100%;background:var(--comment-surface);color:var(--comment-ink);border-radius:4px 18px 18px 18px;padding:12px 16px;overflow-wrap:anywhere}.engagement .comment-bubble strong{font-size:14px}.engagement .comment-text{margin:5px 0 0;line-height:1.6;white-space:pre-wrap;font-size:16px}.engagement .comment-details{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;color:var(--comment-muted);font-size:12px;padding:6px 10px}.engagement .comment-details button{border:0;background:transparent;color:var(--comment-muted);font-weight:600;min-height:36px;padding:4px}.engagement #comment-form,.engagement #comment-edit-form{background:var(--comment-surface);border:1px solid var(--line);border-radius:20px;padding:14px 16px;margin:20px 0;position:relative}.engagement textarea{background:transparent;color:var(--comment-ink);border:0;resize:vertical;min-height:70px;padding:8px 0;margin:4px 0;font-size:16px}.engagement #comment-form>label{font-size:13px;color:var(--comment-muted)}.engagement .member-note{font-size:12px;line-height:1.5;color:var(--comment-muted)}.engagement #comment-form>button{border-radius:22px;padding:10px 20px;font-size:14px;min-height:44px}.engagement .emoji-picker{display:inline-block;position:relative}.engagement .emoji-picker summary{list-style:none;cursor:pointer;font-size:26px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--comment-muted)}.engagement .emoji-picker summary::-webkit-details-marker{display:none}.engagement .emoji-picker summary:hover{background:#0000000a}.engagement .emoji-grid{display:grid;grid-template-columns:repeat(5,44px);padding:8px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px #0002;border-radius:14px;gap:3px;margin:6px 0}.engagement .emoji-grid button{font-size:23px;padding:4px;min-height:44px;min-width:44px;background:transparent;border:0;border-radius:8px}.engagement .emoji-grid button:hover{background:var(--comment-surface)}.engagement button:focus-visible,.engagement summary:focus-visible,.engagement textarea:focus-visible{outline:3px solid #2769e5;outline-offset:3px}.engagement #comment-edit-form{flex:1 0 100%}.engagement .rtc-comment:has(#comment-edit-form){flex-wrap:wrap}html[data-theme=dark] .engagement{--comment-surface:#292d36;--comment-ink:#f6f7fa;--comment-muted:#c0c7d1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .engagement{--comment-surface:#292d36;--comment-ink:#f6f7fa;--comment-muted:#c0c7d1}}@media(max-width:480px){.engagement .comment-avatar{width:32px;height:32px;flex-basis:32px;font-size:11px}.engagement .rtc-comment{gap:8px}.engagement .comment-bubble{padding:10px 12px}.engagement .emoji-grid{grid-template-columns:repeat(5,40px);gap:2px}.engagement .emoji-grid button{min-width:40px}}