:root{color-scheme:dark;--bg: #0b0b0d;--panel: #161618;--line: #2a2a30;--text: #f5f5f6;--muted: #8d8d96;--like: #d8d8de;--hate: #ff6b7a;--accent: #c9a227}*{box-sizing:border-box}html{scroll-padding-top:80px}html,body,#root{margin:0;min-height:100%}body{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050505;animation:splashGone .25s ease 2.45s forwards}.splash .brand{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:18px;animation:toCorner .7s ease 1.85s forwards}.splash .wordmark .eye{width:180px}.lid-top,.lid-bot{fill:#050505;transform:scaleY(0)}.lid-top{transform-origin:60px 0}.lid-bot{transform-origin:60px 64px}.splash .lid-top,.splash .lid-bot{animation:blinkLid 1.8s ease-in-out 2}.splash .wordmark span{letter-spacing:.04em;font-weight:500;font-size:28px;color:#f5f5f5;text-shadow:0 0 18px #fff3}@keyframes blinkLid{0%,28%,52%,to{transform:scaleY(0)}36%,44%{transform:scaleY(1)}}@keyframes toCorner{to{left:22px;top:8px;transform:translate(0) scale(.38)}}@keyframes splashGone{to{opacity:0;visibility:hidden;pointer-events:none}}header.app{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 28px;border-bottom:1px solid #1c1c20;background:#0b0b0dcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-brand{display:flex;justify-self:start}.wordmark{display:flex;align-items:center;gap:10px;font-weight:600}.wordmark .eye{width:42px}.wordmark.compact .eye{width:32px}.wordmark.compact span{font-size:15px;letter-spacing:.02em}.topnav{display:flex;gap:28px;font-size:14px;color:var(--muted)}.topnav a.active,.topnav a:hover{color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-search{display:flex;gap:8px;margin-bottom:12px}.site-search input{flex:1;min-width:0;background:#121214;border:1px solid var(--line);border-radius:12px;outline:none;padding:10px 12px}.site-search button{background:#1a1a1e;border:1px solid #2e2e34;border-radius:12px;padding:10px 14px}.site-search button:hover{border-color:#3d3d44}.detail-card h1.body{font-size:inherit;font-weight:400;margin:0}.coffee-btn{justify-self:end;display:inline-flex;align-items:center;gap:8px;background:#1a1a1e;border:1px solid #2e2e34;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.coffee-btn svg{color:var(--accent)}.coffee-fab{position:fixed;right:22px;bottom:22px;z-index:20;width:48px;height:48px;border-radius:50%;background:#1a1a1e;border:1px solid #2e2e34;display:grid;place-items:center;color:var(--accent);box-shadow:0 8px 24px #0008}.shell{display:grid;grid-template-columns:240px minmax(0,1fr) 240px;gap:20px;max-width:1280px;margin:0 auto;padding:24px 20px 96px;align-items:start}.rail{position:sticky;top:76px;display:grid;gap:14px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.stat-row{display:flex;gap:10px;align-items:center;margin-bottom:12px;color:var(--muted)}.stat-row strong{display:block;color:var(--text);font-size:18px}.stat-row span{font-size:12px}.stat-ico{color:var(--muted);width:22px;display:grid;place-items:center}.stat-foot{margin:4px 0 0;font-size:12px;color:var(--muted)}.rail-title{margin:0 0 10px;font-size:13px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#1c1c20;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--muted)}.tag:hover{color:var(--text)}.ad-slot{display:grid;place-items:center;text-align:center;gap:10px;min-height:420px;background:linear-gradient(165deg,#1e1a12,#121214 55%,#0e0e10);border:1px solid #3a3220;border-radius:18px;padding:20px 16px;overflow:hidden}.ad-kicker{font-size:11px;letter-spacing:.16em;color:#c9a227}.ad-cta{font-size:22px;font-weight:700;letter-spacing:-.04em}.ad-copy{font-size:13px;color:var(--muted);line-height:1.45;max-width:16em}.ad-url{font-size:12px;color:var(--muted)}.ad-chip{background:#c9a227;color:#16140e;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.ad-img{width:100%;height:180px;object-fit:cover;border-radius:12px}.bid-form{display:grid;gap:10px;max-width:420px}.bid-form input{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:none}main{display:grid;gap:16px;min-width:0}.about{padding:12px 4px}.about h1{margin:0 0 12px;font-size:28px}.about p{color:var(--muted);line-height:1.6}.composer{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:start;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:10px 10px 10px 16px}.composer:focus-within{border-color:#5a5a64}.composer input,.composer textarea{width:100%;background:transparent;border:0;outline:none}.composer textarea{min-height:48px;max-height:240px;overflow-y:auto;resize:none;line-height:1.5;padding:8px 0}.composer .turnstile,.composer .err,.composer .hint{grid-column:1 / -1}.human-gate{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;padding:32px;text-align:center}.human-gate h1{margin:0;font-size:24px;letter-spacing:-.03em}.human-gate p{margin:0;color:var(--muted);max-width:320px}.human-gate .primary{min-width:180px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.filter{background:#161618;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500}.filter.active{background:#ececef;color:#111;border-color:#ececef}.section-title{margin:8px 0 0;font-size:14px;font-weight:500;color:var(--muted)}.feed{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.card{position:relative;min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 18px 14px;display:grid;gap:12px}.card-main{display:grid;gap:12px;min-width:0;color:inherit}.card-id{position:absolute;top:14px;right:16px;color:var(--muted);font-size:12px}.body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.55;color:#e8e8ee;margin:0;padding-right:42px;min-width:0}.card:not(.detail-card) .body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.detail-card .topic{margin:0;font-size:13px;color:var(--muted)}.missing{text-align:center;padding:48px 12px;gap:12px;justify-items:center}.missing-code{margin:0;font-size:56px;font-weight:700;letter-spacing:-.06em}.missing h1{margin:0;font-size:24px}.missing p{margin:0;color:var(--muted);max-width:360px}.back{color:var(--muted);font-size:13px}.back:hover{color:var(--text)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-actions{display:flex;align-items:center;gap:4px}.icon-btn{background:transparent;border:0;color:var(--muted);display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:8px;font-size:13px}.icon-btn:hover{color:var(--text)}.icon-btn.active{color:#ff6b8a}.alias{color:var(--muted);font-size:13px}.row{display:flex;gap:10px;align-items:center;margin-top:8px}.primary{background:#2a2a30;color:#c8c8ce;border:0;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px}.composer .primary{background:#2a2a30;color:#eee}.primary:not(:disabled){background:#2f2f36;color:#fff}.primary:disabled{cursor:not-allowed}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px}.ghost:hover{color:var(--text)}.comments{margin-top:4px;display:grid;gap:10px}.comment{padding:10px 0 4px 14px;border-left:1px solid var(--line)}.comment-form{display:grid;gap:8px}.comment-form input,.comments input{width:100%;background:#121214;border:1px solid var(--line);border-radius:12px;outline:none;padding:10px 12px}.err{color:var(--hate);font-size:13px}.hint,.count{color:var(--muted);font-size:12px}.count.warn{color:var(--hate)}.turnstile{margin:8px 0 0}.more{justify-self:center}.meta{color:var(--muted);font-size:12px}@media(max-width:980px){header.app{grid-template-columns:1fr auto}.topnav{display:none}.shell{grid-template-columns:1fr}.rail.left,.rail.right{position:static}.ad-slot{min-height:180px}.feed{grid-template-columns:1fr}}