.topic-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 24px;margin:0;border-top:1px solid var(--line)}
.topic-actions>form{display:flex;margin:0}.topic-actions .button,.topic-actions>.icon-button{height:36px;min-height:36px;padding:7px 11px}.topic-actions .reply-jump{margin-left:auto}
.topic-actions .collection-picker{padding:0;margin:0;position:relative;font-size:12px}.topic-actions .collection-picker summary{color:var(--text);list-style:none;gap:6px}.collection-picker summary::-webkit-details-marker{display:none}.topic-actions .collection-picker summary svg{width:16px;height:16px}.topic-actions .collection-picker summary svg:last-child{width:12px}
.topic-actions .collection-picker[open] summary{color:var(--accent);border-color:var(--accent)}.collection-popover{position:absolute;left:0;top:calc(100% + 8px);z-index:12;width:250px;max-width:calc(100vw - 40px);background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px #00000012;border-radius:6px;padding:16px;gap:12px}.topic-panel{overflow:visible}.topic-panel>.thread-title{border-radius:var(--radius) var(--radius) 0 0}
.compose-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:6px 8px;min-height:46px}.compose-toolbar .icon-button{width:32px;height:32px;min-width:32px;padding:6px}.compose-toolbar .emote-trigger,.compose-toolbar .preview-button{width:auto;padding:6px 9px}.compose-toolbar .preview-button{margin-left:auto}.compose-toolbar-divider{height:18px;width:1px;background:var(--line);margin:0 4px}.compose-toolbar button:focus-visible,.emote-tabs button:focus-visible,.emote-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.compose-toolbar button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}
.composer .compose-body{min-height:170px}.composer .compose-preview{min-height:170px;padding:16px;overflow-wrap:anywhere}.compose-status{margin:0;padding:8px 14px;border-top:1px solid var(--line)}.compose-status[hidden]{display:none}.reply-compose-footer .hint{margin:0}
.prose img:not(.forum-sticker){max-width:100%;height:auto}
.composer dialog{width:min(480px,calc(100vw - 24px));padding:20px;max-height:85dvh;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 16px 64px #0002;overflow-y:auto}.composer dialog::backdrop{background:#0005}.composer-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.composer-dialog-heading h3{margin:0;font-size:16px}.composer-dialog-heading .icon-button{flex:none}.composer-link-dialog .hint{margin:0}.composer-link-dialog .danger{margin:0}
.composer .emote-dialog{width:min(560px,calc(100vw - 24px))}.emote-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:2px 0 9px;border-bottom:1px solid var(--line);margin-bottom:12px}.emote-tabs button{flex:none;padding:7px 10px;border:0;background:transparent;border-radius:4px;color:var(--muted);font-size:12px;white-space:nowrap}.emote-tabs button[aria-selected=true]{color:var(--accent);background:var(--accent-soft);font-weight:600}.emote-search{margin-bottom:12px;padding:8px 10px}.emote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));align-content:start;gap:4px;max-height:270px;min-height:170px;overflow-y:auto;padding:3px;overscroll-behavior:contain}.emote-item{display:flex;justify-content:center;align-items:center;min-width:0;height:64px;padding:5px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:5px;font-size:32px}.emote-item:hover{background:var(--accent-soft);border-color:var(--line)}.emote-item img{width:52px;height:52px;object-fit:contain}.emote-item.emote-unavailable{font-size:10px;overflow:hidden}.emote-grid-text{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.emote-grid-text .emote-item{font-size:15px}.emote-empty{grid-column:1/-1;align-self:center;text-align:center;margin:28px 0}.emote-footer{display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:12px;min-height:34px}.emote-footer a:hover{text-decoration:underline}.emote-footer [hidden]{display:none}
@media(max-width:760px){.topic-actions{padding:12px 16px;gap:6px}.topic-actions .button{padding:7px 9px}.topic-actions .reply-jump{margin-left:0}.collection-popover{left:auto;right:0;width:230px}.compose-toolbar{padding:5px;gap:1px}.compose-toolbar .icon-button{width:30px;min-width:30px;height:32px}.compose-toolbar-divider{display:none}.compose-toolbar .emote-trigger,.compose-toolbar .preview-button{width:auto;padding:6px}.composer dialog{padding:16px}.emote-grid{max-height:240px}.reply-compose-footer{align-items:flex-start}}
@media(max-width:760px){.topic-actions{position:relative}.topic-actions .collection-picker{position:static}.topic-actions .collection-popover{left:0;right:auto;width:min(260px,100%)}}
@media(prefers-reduced-motion:reduce){.composer *{scroll-behavior:auto}}
.composer .composer-giveaway-dialog{width:min(560px,calc(100vw - 24px));overscroll-behavior:contain}.composer-giveaway-dialog h3{display:flex;align-items:center;gap:8px}.composer-giveaway-dialog h3 svg{color:var(--accent)}.giveaway-fields{border:0;padding:0;margin:0 0 14px;min-width:0;gap:14px}.giveaway-fields label{min-width:0}.giveaway-fields [hidden]{display:none}.giveaway-fields textarea{resize:vertical;min-height:80px}.giveaway-fields input[type=datetime-local]{min-width:0;max-width:100%;width:100%}.giveaway-dialog-actions{flex-wrap:wrap;gap:8px}.giveaway-dialog-actions [data-giveaway-remove]{margin-right:auto}.giveaway-dialog-actions [hidden]{display:none}.composer-giveaway-summary{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line);background:var(--accent-soft);color:var(--accent);font-size:12px;min-width:0}.composer-giveaway-summary[hidden]{display:none}.composer-giveaway-summary>span{flex:1;min-width:0;overflow-wrap:anywhere}.composer-giveaway-summary>.icon-button{font-size:12px;flex:none}.composer-giveaway-summary>svg{width:16px;height:16px}
@media(max-width:760px){.composer .compose-toolbar .giveaway-trigger{min-width:44px;min-height:44px}.composer-giveaway-dialog .form-actions .button,.composer-giveaway-dialog .composer-dialog-heading .icon-button{min-height:44px;min-width:44px}.giveaway-fields{grid-template-columns:minmax(0,1fr)}.giveaway-fields .giveaway-description{grid-column:1/-1}.composer-giveaway-dialog .form-actions{justify-content:flex-end}.giveaway-dialog-actions [data-giveaway-remove]{padding-inline:8px}}

.emote-grid-large{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.emote-grid-large .emote-item{height:98px}.emote-grid-large .emote-item img{width:84px;height:84px}

.collection-popover .collection-remove{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
