.post-tags>button{padding:3px 8px;background:var(--color-soft);border-radius:5px;color:var(--color-muted);font-size:var(--text-caption)}
.author-link{padding:0;font-size:var(--text-small);font-weight:600;white-space:normal;text-align:left;overflow-wrap:anywhere}
.identity.historical{background:var(--color-soft);color:var(--color-muted)}
.private-tag{font-size:var(--text-caption);color:var(--color-green);background:var(--color-green-soft);padding:2px 8px;border-radius:6px;margin-left:auto}
.last-reply,.author-account{font-size:var(--text-caption);color:var(--color-muted);margin-top:8px}
.feature-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feature-bottom{line-height:1.8}.feature-bottom>span{overflow-wrap:anywhere}
.trend-row strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.daily-question h2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.community-numbers{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px}
.community-numbers>span{font-size:var(--text-caption);color:var(--color-muted)}
.community-numbers strong{display:block;font-family:var(--font-display);font-size:26px;color:var(--color-ink)}
.main-nav{gap:3px}.nav-item{min-height:44px}
.person-name{text-align:left;white-space:normal;overflow-wrap:anywhere;padding:0}
.post-content{font-size:var(--text-body);line-height:1.9;margin:24px 0;overflow-wrap:anywhere;color:var(--color-ink)}
.post-content p{margin:12px 0}.post-content h2,.post-content h3,.post-content h4{margin:24px 0 12px;line-height:1.6}
.post-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.post-content pre{padding:16px;overflow-x:auto;background:var(--color-soft);border:1px solid var(--color-line);border-radius:8px;white-space:pre}
.post-content code{font-family:var(--font-mono);font-size:.9em;background:var(--color-soft);border-radius:4px;padding:2px 4px}
.post-content pre code{background:none;padding:0}.post-content blockquote{margin:16px 0;padding:12px 16px;background:var(--color-soft);border-radius:8px;color:var(--color-muted)}
.archived-image{display:block;max-width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:8px;margin:16px 0}.unavailable-media{display:block;padding:12px 16px;background:var(--color-soft);border-radius:8px;font-size:var(--text-small);color:var(--color-muted)}
.post-content ul,.post-content ol{padding-left:24px}.post-content hr{border:0;border-top:1px solid var(--color-line);margin:24px 0}
.content-table{overflow-x:auto}.content-table table{border-collapse:collapse;width:100%}.content-table th,.content-table td{padding:8px 12px;border:1px solid var(--color-line);text-align:left}
dialog{width:min(860px,calc(100% - 32px));padding:24px 32px}
.detail-actions{flex-wrap:wrap}.detail-actions button{display:flex;align-items:center;gap:8px;min-height:44px}
.detail-actions button[aria-pressed=true],.reply-like.is-active{color:var(--color-accent);background:var(--color-accent-soft)}
.reply-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--color-line);margin-top:28px;padding-top:24px}
.reply-heading h3{font-size:var(--text-title)}.reply-heading>span,.reply-floor{font-size:var(--text-caption);color:var(--color-muted)}
.reply-floor{margin-left:auto}.reply-item{padding:20px;border:1px solid var(--color-line);border-radius:16px;background:var(--color-soft);min-width:0}
.reply-like{display:flex;align-items:center;gap:8px;min-height:36px;border-radius:6px;padding:4px 10px;font-size:var(--text-small)}
.reply-like svg{width:16px;height:16px}.reply-item .post-content{margin-block:12px}
.reply-list{margin-bottom:24px}.no-replies{padding:24px 0;color:var(--color-muted)}
.text-button{padding:16px 0;font-size:var(--text-small);color:var(--color-accent)}
.member-stats{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0;font-size:var(--text-small);color:var(--color-muted)}
.empty-state .button{margin-top:20px}.loading-state{padding:40px;text-align:center;color:var(--color-muted)}
.compose-form{margin-top:20px}.form-error:empty{min-height:0}.form-error:not(:empty){padding:8px 12px;background:var(--color-accent-soft);border-radius:6px}
.message-launch{margin-left:auto;display:flex;align-items:center;gap:6px}
@media(max-width:600px){dialog{padding:16px}.reply-heading{align-items:flex-start;flex-direction:column}.post-channel{display:none}.post-author{gap:6px}.post-time{flex-basis:auto;font-size:var(--text-caption)}.detail-actions{gap:8px}.detail-actions button{font-size:var(--text-small)}.tabs{flex-wrap:wrap}.post-content pre{max-width:100%}.community-numbers{gap:12px}}

html{scrollbar-gutter:stable}
html.dialog-open{overflow:hidden;overscroll-behavior:none;scroll-behavior:auto}
html.dialog-open body{position:fixed;left:0;right:0;overflow:hidden}
dialog{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.mention-editor{position:relative;width:100%}.mention-editor textarea{display:block;width:100%}
.post-media{display:block;max-width:100%;width:100%;max-height:640px;margin:16px 0;border-radius:8px}
.attachment-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.attachment-privacy{color:var(--color-muted);font-size:var(--text-small)}.attachment-job,.attachment-error{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;font-size:var(--text-small);overflow-wrap:anywhere}.attachment-job span,.attachment-error span{flex:1;min-width:180px}.attachment-status a,.attachment-status button{color:var(--color-accent)}.attachment-preview{border:1px solid var(--color-line);border-radius:10px;padding:16px;max-height:460px;overflow:auto;overscroll-behavior:contain;margin-block:12px}.attachment-preview[hidden]{display:none}.attachment-drag{outline:2px dashed var(--color-accent);outline-offset:3px}
.mention-popover{position:absolute;z-index:5;max-height:224px;overflow:auto;overscroll-behavior:contain;padding:5px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:10px;box-shadow:0 8px 30px var(--color-shadow)}
.mention-popover button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;text-align:left;border-radius:6px;font-size:var(--text-small);white-space:normal}.mention-popover button>span:not(.avatar):not(.identity){min-width:0;overflow-wrap:anywhere}.mention-popover .avatar{width:26px;height:26px;font-size:13px}.mention-popover .identity{margin-left:auto;flex-shrink:0}.mention-popover [aria-selected=true],.mention-popover button:hover{background:var(--color-accent-soft)}
.mention-link{padding:0 3px;color:var(--color-accent);font:inherit;background:var(--color-accent-soft);border-radius:4px;overflow-wrap:anywhere}
[data-action=notifications]{position:relative}.notification-count{position:absolute;top:-3px;right:-4px;min-width:19px;padding:2px 4px;font-size:12px;line-height:1.2;background:var(--color-accent);color:white;border-radius:12px}
.top-actions .notification{display:inline-flex}
.notification-filter{display:flex;align-items:center;gap:12px;margin:20px 0}.notification-filter select{max-width:75%;padding:10px;background:var(--color-soft);color:var(--color-ink);border:1px solid var(--color-line);border-radius:8px;font:inherit}.notification-item{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%;padding:20px 16px;border-bottom:1px solid var(--color-line);overflow-wrap:anywhere}.notification-item.unread{background:var(--color-accent-soft);border-radius:8px}.notification-item time{font-size:var(--text-caption);color:var(--color-muted)}.notification-item span{font-size:var(--text-small)}

.recipient-field{position:relative;display:grid;gap:8px}.recipient-field>input{width:100%}.recipient-popover{top:100%;left:0;right:0;margin-top:4px}.recipient-empty{padding:8px;margin:0;color:var(--color-muted)}

.gift-popover{position:fixed;inset:auto;margin:0;z-index:100;width:min(340px,calc(100vw - 24px));padding:16px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 8px 30px var(--color-shadow);overflow-y:auto;overscroll-behavior:contain;font-size:var(--text-small)}
.gift-popover::backdrop{background:transparent;pointer-events:none}.gift-popover header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.gift-popover header strong{overflow-wrap:anywhere}.gift-dismiss{padding:4px 8px;font-size:22px}.gift-popover .gift-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border:0;min-width:0;max-height:230px;overflow:auto}.gift-popover .gift-option{position:relative;display:block;cursor:pointer}.gift-option input{position:absolute;width:1px;height:1px;opacity:0}.gift-option>span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;height:100%;padding:10px 5px;border:1px solid var(--color-line);border-radius:9px;overflow-wrap:anywhere}.gift-option b{font-size:26px}.gift-option strong{font-size:var(--text-caption)}.gift-option small{color:var(--color-muted);font-size:12px}.gift-option input:checked+span{border-color:var(--color-accent);background:var(--color-accent-soft)}.gift-option input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}.gift-quantity,.gift-checkout{display:flex;align-items:center;gap:10px;justify-content:space-between}.gift-quantity input{width:72px;min-width:0}.gift-quantity>span{font-size:var(--text-caption);color:var(--color-muted)}.gift-checkout .button{white-space:nowrap}.gift-popover .form-error{margin:0}.gift-popover .form-error:empty{display:none}

.gift-popover .gift-form{gap:14px}.gift-popover .gift-form .gift-option input{width:1px;padding:0;border:0}.gift-popover .gift-form .gift-quantity input{width:72px;padding:8px}.gift-options .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.reply-list{display:grid;gap:16px;margin-top:18px}.reply-item .reply-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:10px;border-top:1px solid var(--color-line)}.reply-item .reply-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:40px;padding:8px 10px;border-radius:9px;color:var(--color-muted);background:transparent}.reply-item .reply-tools .icon{width:18px;height:18px}.reply-item .reply-tools button:hover{background:var(--color-surface);color:var(--color-accent)}.reply-item .reply-tools button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent)}.reply-item .reply-tools button[aria-pressed=true] .icon{fill:currentColor}.reply-item .reply-tools .danger{margin-left:auto;color:#bd453b}.reply-item .reply-tools button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.attachment-panel{margin:14px 0;padding:14px;border:1px solid var(--color-line);border-radius:12px;background:var(--color-soft);min-width:0}.attachment-panel .attachment-toolbar{margin:0}.attachment-panel [data-add-files]{border:1px solid var(--color-line);border-radius:9px;background:var(--color-surface);padding:10px 14px;min-height:42px;white-space:normal;text-align:left}.attachment-panel [data-add-files]:hover{border-color:var(--color-accent);color:var(--color-accent)}.attachment-panel .attachment-preview{background:var(--color-surface);margin-bottom:0}.attachment-panel .attachment-status:empty{display:none}
@media(max-width:600px){.reply-item{padding:14px;border-radius:12px}.reply-item .post-author{flex-wrap:wrap}.reply-item .post-author .author-link{max-width:100%}.attachment-panel{padding:10px}}

.account-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%}.account-dialog-footer .text-button{white-space:normal;text-align:left}.account-dialog-footer [data-action=recover-password]{margin-left:auto;flex-shrink:0;text-align:right}