:root{--bg: #0c0a0f;--ink: #f4e8d8;--muted: #b9a58a;--accent: #ff7a18;--card: #16121c;--line: #2a2230;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 20% -10%,#3a1a12,transparent),var(--bg)}*{box-sizing:border-box}body{margin:0}#app{max-width:920px;margin:0 auto;padding:32px 20px 80px}.hero h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.03em;margin:.2em 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.75rem;margin:0}.lede{color:var(--muted);max-width:42rem;line-height:1.5}.meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.78rem;color:var(--muted);margin-top:12px}.formula{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:20px 0;color:var(--muted)}.formula p{margin:8px 0 0;line-height:1.45;font-size:.92rem}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted)}input,select{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:10px 12px;font:inherit}.count{color:var(--muted);font-size:.85rem}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.list li{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:stretch}.rank{display:grid;place-items:center;background:linear-gradient(160deg,#4a220f,#1a1010);border-radius:14px;font-weight:800;color:var(--accent);border:1px solid var(--line)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.card h2{margin:0;font-size:1.15rem}.sub{margin:4px 0 10px;color:var(--muted);font-size:.88rem}.stats{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:.85rem}.stats a{color:var(--accent)}.foot{margin-top:40px;color:var(--muted);font-size:.78rem}