.forum-category-dot { display:inline-block;width:8px;height:8px;border-radius:2px;background:#e6647b;margin-right:12px; }
.forum-pinned-tag { display:inline-flex;align-items:center;gap:4px;color:#e8c982;background:#a9842424;border-radius:6px;padding:3px 7px;font-size:.75rem;white-space:nowrap; }
.forum-toolbar,.forum-thread-navigation,.forum-list-footer { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.forum-toolbar { margin:22px 0 24px; }.forum-tabs { display:flex;gap:12px; }.forum-tabs button { border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:10px 14px; }.forum-tabs button[aria-pressed="true"] { border-color:var(--accent);color:var(--ink); }
.forum-topics { display:grid;gap:14px; }.forum-topic { position:relative;display:flex;gap:14px;border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:#ffffff02; }.forum-topic:hover { background:#ffffff04;border-color:#606269; }
.forum-avatar { display:inline-flex;justify-content:center;align-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;font-size:15px;font-weight:600;color:#fff; }.forum-tone-0 { background:#3d6589; }.forum-tone-1 { background:#886856; }.forum-tone-2 { background:#69774c; }.forum-tone-3 { background:#715482; }.forum-tone-4 { background:#45837c; }.forum-tone-5 { background:#986151; }
.forum-topic-summary { min-width:0;flex:1; }.forum-topic-title { display:block;font-size:1.05rem;line-height:1.6;overflow-wrap:anywhere; }.forum-topic-title::after { content:"";position:absolute;inset:0; }.forum-topic-meta { display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:.76rem;color:var(--muted);margin-top:12px; }
.forum-category { display:inline-flex;align-items:center;gap:6px;background:#ad425528;color:#efb0bb;padding:4px 8px;border-radius:6px;font-size:.75rem; }.forum-category::before { content:"";width:8px;height:8px;background:#db536d;border-radius:2px; }.forum-hot { color:#e58a69;font-size:.72rem; }.forum-hidden-tag { color:#f0a6a6;font-size:.75rem; }
.forum-list-footer { margin:22px 0; }.forum-hidden-option { display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:32px;font-size:.8rem;color:var(--muted);margin-bottom:12px;cursor:pointer; }.forum-hidden-option input[type="checkbox"] { display:inline-block;flex:0 0 18px;width:18px;height:18px;margin:0;padding:0;accent-color:var(--accent);cursor:pointer; }.forum-thread-navigation { margin:20px 0 24px; }.forum-thread-heading { padding-bottom:16px;border-bottom:1px solid var(--line); }.forum-thread-heading h1 { font-size:1.6rem;line-height:1.5;overflow-wrap:anywhere;margin:14px 0 10px; }
.forum-post { display:flex;gap:16px;border-bottom:1px solid var(--line);padding:25px 0; }.forum-post-content { min-width:0;flex:1; }.forum-post-meta { display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--muted);font-size:.78rem; }.forum-post-meta strong { color:var(--ink);font-size:.92rem; }.forum-post-time { margin-left:auto; }.forum-post-body { white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:1rem;margin:16px 0; }.forum-post-body a { color:#89b6fc;text-decoration:underline;text-underline-offset:3px; }.forum-post-actions { display:flex;justify-content:flex-end;gap:16px; }.forum-post-actions button { font-size:.75rem; }.forum-hidden-post { opacity:.65; }.forum-replies-title { margin:25px 0 0;font-size:1rem; }.forum-pending-label { font-size:.75rem;color:#9ebff2;margin-top:20px; }
.forum-reply-form { margin:30px 0; }.forum-reply-form label,.forum-compose-form label { display:block;font-size:.85rem;color:var(--muted); }.forum-compose-form { display:grid;gap:18px; }.forum-compose-form input { width:100%;display:block;margin-top:8px; }
.forum-post-actions .forum-delete-button { color:#f0a6a6; }.forum-delete-confirm { background:#a62f42;border-color:#a62f42;color:#fff; }.forum-delete-confirm:hover { background:#c03d52; }
.forum-reactions { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0; }.forum-reaction-trigger { display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--muted); }.forum-reaction-trigger svg { width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round; }.forum-reaction-trigger:hover { background:#ffffff0b;color:var(--ink); }.forum-reaction-trigger.is-selected { color:#ed7188; }.forum-reaction-trigger.is-selected svg { fill:currentColor; }.forum-reaction-count { display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--muted); }.forum-reaction-count > span:first-child { font-size:1.1rem; }.forum-reaction-picker { position:fixed;inset:auto;margin:0;width:max-content;max-width:calc(100vw - 24px);padding:8px;border:1px solid #4a4d56;border-radius:16px;background:#24272e;color:var(--ink);box-shadow:0 12px 36px #0006; }.forum-reaction-picker:popover-open { display:flex;align-items:center;gap:4px; }.forum-reaction { display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:6px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);font-size:1.5rem;transition:transform .15s,background .15s; }.forum-reaction:hover { transform:translateY(-3px);background:#ffffff0c; }.forum-reaction[aria-pressed="true"] { border-color:var(--accent);background:#5689d429; }.forum-reaction:focus-visible,.forum-reaction-trigger:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }.forum-post-actions { flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px 18px; }.forum-post-actions button { min-height:36px; }.forum-children-toggle { border-radius:20px;background:#ffffff08;padding:5px 12px; }.forum-children { border-left:2px solid var(--line);padding-left:14px;margin-top:16px; }.forum-children[hidden] { display:none; }.forum-children .forum-post:last-of-type { border-bottom:0; }.forum-reply-to { margin:12px 0 -6px;color:var(--muted);font-size:.78rem; }.forum-reply-target { display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;margin:12px 0;background:#5689d41a;border-left:3px solid var(--accent);font-size:.85rem; }.forum-reply-target[hidden] { display:none; }
.forum-reply-form textarea,.forum-compose-form textarea { display:block;width:100%;margin-top:10px;min-height:120px;resize:vertical;background:#13161b;color:var(--ink);border:1px solid #465062;border-radius:8px;font:inherit;line-height:1.7;padding:14px; }.forum-compose-form textarea { min-height:220px; }.forum-reply-form textarea:focus,.forum-compose-form textarea:focus { outline:2px solid var(--accent);outline-offset:2px; }
#forum-reply-login { margin:28px 0; }#forum-replies-more { display:block;margin:22px auto; }.forum-empty { padding:48px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;line-height:1.9; }.forum-search-hint { margin:0 0 14px;color:var(--muted);font-size:.8rem; }
@media(max-width:760px) { .forum-reaction-picker { padding:6px; }.forum-reaction-picker:popover-open { gap:2px; }.forum-children { padding-left:10px; }.forum-children .forum-avatar { flex-basis:26px;width:26px;height:26px;font-size:13px; } }
@media(max-width:760px) { .forum-toolbar { gap:10px;margin-top:12px; }.forum-toolbar .button { padding:9px 12px;font-size:.8rem; }.forum-topic { padding:16px 12px;gap:10px; }.forum-topic-title { font-size:.95rem; }.forum-topic-meta { gap:8px;font-size:.7rem; }.forum-thread-heading h1 { font-size:1.25rem; }.forum-post { gap:10px;padding:20px 0; }.forum-post-body { font-size:.94rem; }.forum-post-time { margin-left:0; }.forum-thread-navigation button { font-size:.75rem; }.forum-tabs button { padding:10px; } }