:root{--bg:#fff8f0;--surface:#fff;--text:#2a1f14;--muted:#8a7764;--border:#f0e2d0;--accent:#f25c05;--accent-soft:#ffe8d6;--accent-text:#c2410c;--p:#f25c05;--c:#d9a21b;--f:#6b8e23;--head:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;--radius:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17110c;--surface:#221a13;--text:#f7eee4;--muted:#b29d88;--border:#3a2d22;--accent:#ff7a2e;--accent-soft:#3d2312;--accent-text:#ff9a5c;--p:#ff7a2e;--c:#e8b730;--f:#93b84a}}:root[data-theme=dark]{--bg:#17110c;--surface:#221a13;--text:#f7eee4;--muted:#b29d88;--border:#3a2d22;--accent:#ff7a2e;--accent-soft:#3d2312;--accent-text:#ff9a5c;--p:#ff7a2e;--c:#e8b730;--f:#93b84a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;margin:0;font:16px/1.6 Figtree,system-ui,sans-serif}a{color:inherit}h1,h2,h3,.logo{font-family:var(--head)}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.small{font-size:13px}.top{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.top .wrap{align-items:center;gap:22px;height:60px;display:flex}.logo{letter-spacing:-.02em;font-size:20px;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}.top nav{flex:1;gap:18px;font-size:15px;font-weight:500;display:flex}.top nav a{color:var(--muted);text-decoration:none}.top nav a:hover{color:var(--text)}.btn{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none}.btn:hover{filter:brightness(1.08)}@media (width<=680px){.top nav{display:none}.top .wrap{justify-content:space-between}}main{padding:32px 0 56px}h1{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.02}h2{letter-spacing:-.02em;margin:44px 0 14px;font-size:24px;font-weight:800}.crumbs{color:var(--muted);margin-bottom:12px;font-size:14px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--accent-text)}.board{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.board th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px;font-weight:600}.board td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.board tr:last-child td{border-bottom:0}.board tbody tr:hover{background:color-mix(in srgb, var(--accent-soft) 45%, transparent)}.board .rank{width:52px;color:var(--muted);text-align:center;font-weight:600}.board .rank.medal{font-size:22px}.board .prod a{font-weight:600;text-decoration:none}.board .prod a:hover{color:var(--accent-text)}.board .prod small{color:var(--muted);margin-left:6px;font-size:13px}.board .num{text-align:right;white-space:nowrap}.board .metric{width:32%}.chips-m{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.m{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.m.p{background:color-mix(in srgb, var(--p) 16%, transparent);color:var(--p)}.m.c{background:color-mix(in srgb, var(--c) 18%, transparent);color:color-mix(in srgb, var(--c) 75%, var(--text))}.m.f{background:color-mix(in srgb, var(--f) 16%, transparent);color:var(--f)}.m.k{color:var(--muted);padding-left:2px;font-weight:600}.meter{justify-content:flex-end;align-items:center;gap:12px;display:flex}.meter i{background:linear-gradient(90deg, var(--accent-soft), var(--accent));border-radius:999px;height:10px;display:block}.meter b{font-size:16px;font-weight:800;font-family:var(--head);text-align:right;min-width:72px}@media (width<=680px){.board .hide-sm{display:none}.board .metric{width:auto}.meter i{display:none}.board td,.board th{padding:10px}}footer{border-top:1px solid var(--border);color:var(--muted);padding:36px 0;font-size:14px}footer .cols{grid-template-columns:2fr 1fr 1fr;gap:24px;display:grid}footer h4{color:var(--text);font-size:14px;font-family:var(--head);margin:0 0 8px}footer a{margin:4px 0;text-decoration:none;display:block}footer a:hover{color:var(--accent-text)}@media (width<=680px){footer .cols{grid-template-columns:1fr}}