.shoutbox.community{border-radius:var(--radius-panel);background:var(--surface);padding:0}.community .shoutbox-header{min-height:44px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--navigation-background);gap:var(--space-3);margin:0}.community .shoutbox-heading{align-items:center;gap:var(--space-4);color:var(--accent);display:flex}.community .shoutbox-heading h2{color:var(--text-primary);font:600 var(--font-size-lg)/1.3 "Barlow Condensed", sans-serif;text-transform:uppercase;letter-spacing:.025em}.community .community-guideline{font-size:var(--font-size-xs);color:var(--text-secondary);margin-left:auto}.shoutbox.community.global{margin:0}.shoutbox.community>.shoutbox-feed{scrollbar-color:var(--accent) transparent;scrollbar-width:thin;border:0;margin:0}.shoutbox.community.global>.shoutbox-feed{max-height:264px}.shoutbox.community.embedded>.shoutbox-feed{border-radius:calc(var(--radius-panel) - 1px) calc(var(--radius-panel) - 1px) 0 0}.community .community-message{align-items:center;column-gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:0;grid-template-columns:40px minmax(0,1fr) auto;row-gap:2px}.community .community-message.alternate{background:color-mix(in srgb, var(--surface-hover) 60%, var(--surface))}.community .community-message .shoutbox-avatar{--avatar-size:40px;grid-area:1/1/span 2;align-self:center;margin:0}.community .community-message .shoutbox-message-body,.community .community-message .shoutbox-message-header{display:contents}.community .community-message .shoutbox-message-header>div{align-items:baseline;gap:0 var(--space-3);grid-area:1/2;padding:0}.community .community-message .shoutbox-author{font-size:var(--font-size-md);color:var(--text-primary);overflow-wrap:anywhere;font-weight:700}.community .community-message time,.community .community-message .shoutbox-message-header>div>span{white-space:nowrap;font-size:var(--font-size-xs)}.community .community-message .shoutbox-prose{font-size:var(--font-size-md);color:var(--text-prose);grid-area:2/2}.community .community-message .shoutbox-prose p{margin:0;line-height:1.5}.community .community-message .shoutbox-message-menu{grid-area:1/3/span 2;align-self:center}.community .community-message .shoutbox-message-menu summary{width:34px;height:34px}.community .community-message .shoutbox-message-menu[open]{grid-area:3/2/auto/-1}.community .community-message .shoutbox-action-panel{grid-column:2/-1}.community .community-message>.shoutbox-muted{grid-column:1/-1}.community .shoutbox-older,.community .shoutbox-empty{padding:var(--space-2) var(--space-4);text-align:center;margin:0}.community .shoutbox-pending,.community .shoutbox-notice,.community>.hh-notice,.community>.shoutbox-muted[role=status],.community>.hh-button{margin:var(--space-3) var(--space-4)}.community .community-signin{align-items:center;gap:var(--space-3);margin:var(--space-3) var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--background);display:flex}.community .community-signin a{color:var(--text-secondary)}.community .community-composer{gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) 48px;margin:0;display:grid}.community-composer .message-editor-frame{background:var(--background);align-items:center;min-width:0;min-height:48px;display:flex;position:relative;overflow:visible}.community-composer .shoutbox-editor{min-width:0;padding:var(--space-2) var(--space-3);background:0 0;flex:1}.community-composer .shoutbox-editor .tiptap{min-height:24px;max-height:120px;font-size:var(--font-size-md);line-height:24px}.community-composer .shoutbox-editor .tiptap p{margin:0}.community-composer .community-character-count{right:var(--space-2);padding:0 var(--space-1);background:var(--surface);font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);pointer-events:none;line-height:1.4;position:absolute;bottom:0;transform:translateY(50%)}.community .hh-button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.community .hh-button.primary:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.community .hh-button.ghost{background:0 0;border-color:#0000}.community-composer>.hh-button{align-self:stretch;width:48px;min-height:48px}.community .community-composer>.hh-button.primary:disabled{opacity:1;background:var(--surface-hover);border-color:var(--line);color:var(--text-secondary)}.community-composer>.shoutbox-notice,.community-composer>.comment-mentions,.community-composer>.shoutbox-muted,.community-composer>noscript{grid-column:1/-1}.community-composer .community-emojis{padding:0 var(--space-1);border-right:1px solid var(--line);flex:none;align-self:stretch;align-items:center;display:flex;position:relative}.community-emojis>summary{list-style:none}.community-emojis>summary::-webkit-details-marker{display:none}.community-composer .community-emoji-grid{bottom:calc(100% + var(--space-2));z-index:3;gap:var(--space-1);padding:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay);grid-template-columns:repeat(5,34px);display:grid;position:absolute;left:0}.community-emoji-grid .hh-button{font-size:var(--font-size-xl);padding:0}@media (width<=760px){.community .community-message{column-gap:var(--space-3);grid-template-columns:32px minmax(0,1fr) auto}.community .community-message .shoutbox-avatar{--avatar-size:32px}.community .community-guideline{display:none}}
