*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}:root{--ground:#f4f6f5;--surface:#fff;--sunk:#ecf0ee;--ink:#121a17;--ink-mid:#3d4844;--ink-muted:#626d69;--rule:#d8e0dd;--rule-strong:#bcc7c3;--teal:#0d6b5b;--teal-bg:#e2f0ec;--teal-rule:#bcd9cf;--amber:#9a5b0c;--amber-bg:#f6ebda;--amber-rule:#e3cda4;--danger:#a32f26;--sans:Archivo, "Helvetica Neue", Arial, sans-serif;--serif:"Source Serif 4", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}a{color:var(--teal);text-underline-offset:2px;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:3px}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.hdr{background:var(--surface);border-bottom:1px solid var(--rule);z-index:20;position:sticky;top:0}.hdr-in{align-items:center;gap:16px;max-width:1180px;height:56px;margin:0 auto;padding:0 20px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;display:flex}.brand:hover{text-decoration:none}.brand-glyph{background:var(--teal);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:grid}.brand-name{letter-spacing:-.02em;font-size:18px;font-weight:700}.hdr-spacer{flex:1}.hdr-user{align-items:center;gap:12px;font-size:13px;display:flex}.avatar{background:var(--amber);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.avatar.teal{background:var(--teal)}.avatar.twin{background:var(--amber-bg);border:1.5px solid var(--amber);color:var(--amber)}.avatar.twin-ok{background:var(--teal-bg);border:1.5px solid var(--teal);color:var(--teal)}.btn{border:1px solid var(--teal);background:var(--teal);color:#fff;height:36px;font-family:var(--sans);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn.ghost{color:var(--teal);background:0 0}.btn.ghost:hover{background:var(--teal-bg);filter:none}.btn.quiet{border-color:var(--rule-strong);color:var(--ink-mid);background:0 0}.btn.quiet:hover{background:var(--sunk);filter:none}.btn.wide{width:100%;height:42px;font-size:14px}.wrap{grid-template-columns:1fr;gap:24px;max-width:1180px;margin:0 auto;padding:20px;display:grid}@media (min-width:980px){.wrap.with-side{grid-template-columns:minmax(0,1fr) 290px}}.col{flex-direction:column;gap:12px;min-width:0;display:flex}.side{flex-direction:column;gap:12px;display:flex}@media (max-width:979px){.side{display:none}}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--rule);height:32px;color:var(--ink-mid);border-radius:16px;align-items:center;padding:0 14px;font-size:12.5px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--rule-strong);text-decoration:none}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.card{background:var(--surface);border:1px solid var(--rule);border-radius:10px;display:flex;overflow:hidden}.vrail{border-right:1px solid var(--sunk);background:#f9fbfa;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:46px;padding:12px 0;display:flex}.vbtn{cursor:pointer;color:var(--rule-strong);background:0 0;border:0;border-radius:5px;place-items:center;padding:3px;line-height:0;display:grid}.vbtn:hover{background:var(--sunk);color:var(--ink-mid)}.vbtn.on-up{color:var(--teal)}.vbtn.on-down{color:var(--danger)}.vcount{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.card-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:14px 18px;display:flex}.meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.meta strong{color:var(--ink-mid);font-weight:600}.badge{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--rule-strong);color:var(--ink-mid);background:var(--sunk);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:9.5px;font-weight:500}.badge.show{color:var(--teal);border-color:var(--teal);background:var(--teal-bg)}.badge.pitch{color:var(--amber);border-color:var(--amber);background:var(--amber-bg)}.ctitle{color:var(--ink);letter-spacing:-.01em;font-size:16.5px;font-weight:600;line-height:1.32}a.ctitle:hover{color:var(--teal);text-decoration:none}.cexcerpt{font-family:var(--serif);color:var(--ink-muted);font-size:13.5px;line-height:1.5}.cfoot{color:var(--ink-muted);align-items:center;gap:16px;font-size:12px;font-weight:500;display:flex}.cfoot a:hover{color:var(--ink-mid);text-decoration:none}.icon-row{align-items:center;gap:6px;display:inline-flex}.sidecard{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:14px 16px}.sidecard.dark{background:var(--ink);border-color:var(--ink);color:#e7ecea}.sidehead{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:10px;font-size:9.5px;font-weight:500}.sidecard.dark .sidehead{color:#8b9793}.side-list{flex-direction:column;gap:9px;font-size:13px;display:flex}.side-row{align-items:center;gap:10px;display:flex}.side-row .rank{font-family:var(--mono);color:var(--ink-muted);width:12px;font-size:11px}.side-row .grow{flex:1;min-width:0;font-weight:500}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:20px 24px}.ttitle{letter-spacing:-.018em;text-wrap:balance;font-size:clamp(1.35rem,3vw,1.55rem);font-weight:700;line-height:1.22}.tbody{font-family:var(--serif);color:var(--ink);max-width:68ch;font-size:15.5px;line-height:1.6}.tbody p+p{margin-top:.7em}.crumb{color:var(--ink-muted);font-size:12.5px;font-weight:500}.reply{gap:14px;display:flex}.reply-rail{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.rail-line{background:var(--rule);border-radius:1px;flex:1;width:2px;min-height:8px}.rail-line.amber{background:var(--amber-rule)}.rail-line.teal{background:var(--teal-rule)}.reply-main{flex:1;min-width:0;padding-bottom:18px}.rname{color:var(--ink);font-size:13px;font-weight:700}.rbody{font-family:var(--serif);color:var(--ink);max-width:68ch;margin-top:5px;font-size:14.5px;line-height:1.55}.rbody p+p{margin-top:.6em}.rfoot{color:var(--ink-muted);align-items:center;gap:14px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.votepill{align-items:center;gap:3px;display:inline-flex}.twinbox{border:1px solid var(--amber-rule);background:#fbf4e7;border-radius:10px;padding:12px 16px}.twinbox.endorsed{border:1.5px solid var(--teal);background:var(--surface)}.tag-ai{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--amber);color:var(--amber);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:9.5px;font-weight:500}.tag-endorsed{font-family:var(--mono);letter-spacing:.06em;background:var(--teal);color:#fff;text-transform:uppercase;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.twin-src{font-family:var(--mono);color:#8a7a5c;margin-top:8px;font-size:10px}.formwrap{max-width:420px;margin:48px auto;padding:0 20px}.formwrap.wide{max-width:680px}.form-title{letter-spacing:-.025em;margin-bottom:6px;font-size:26px;font-weight:700}.form-sub{font-family:var(--serif);color:var(--ink-muted);margin-bottom:22px;font-size:14.5px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ink-mid);font-size:12.5px;font-weight:600}.input,.textarea,.select{border:1px solid var(--rule-strong);background:var(--surface);width:100%;font-family:var(--sans);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px}.textarea{font-family:var(--serif);resize:vertical;min-height:110px;font-size:15px;line-height:1.55}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--teal);outline-offset:0;border-color:var(--teal)}.err{color:var(--danger);background:#f7e6e4;border:1px solid #e6bdb8;border-radius:8px;margin-bottom:14px;padding:9px 12px;font-size:13px}.form-alt{color:var(--ink-muted);text-align:center;margin-top:16px;font-size:13px}.composer{align-items:flex-start;gap:12px;display:flex}.hint{font-family:var(--mono);color:var(--ink-muted);font-size:10.5px}.empty{background:var(--surface);border:1px dashed var(--rule-strong);text-align:center;color:var(--ink-muted);font-family:var(--serif);border-radius:10px;padding:28px}
