:root{--bg:#171719;--surface:#131217;--surface-2:#212023;--ink:#fff;--ink-dim:#b4b4b4;--faint:#8a8c92;--hairline:#222224;--rule:#1b1a1f;--control:#3a3a3e;--grid:#2b2b2b;--accent:#4a8ad6;--positive:#44a282;--negative:#e5566f;--warning:#d9a441;--danger:#e5566f;--series-1:#4a8ad6;--series-2:#f2f2f3;--series-3:#e5566f;--series-4:#d9a441;--pill-positive-bg:#1b2828;--pill-positive-ink:#5fc39c;--pill-negative-bg:#2c1a20;--pill-negative-ink:#e5566f;--pill-warning-bg:#2a2416;--pill-warning-ink:#d9a441;--pill-neutral-bg:#212023;--pill-neutral-ink:#bdbdc0;--radius:6px;--radius-control:999px;--gap:24px;--pad:32px;--nav-row:34px;--control-height:34px;--row-height:42px;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0;padding:0;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.footer{text-align:center;color:var(--faint);margin-top:48px;padding:24px 0 32px;font-size:13px}.footer .heart{color:var(--danger)}.page{max-width:1200px;margin:0 auto;padding:20px 20px 0}.page h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:650}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-dim)}.faint{color:var(--faint)}.topbar{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:24px;min-height:52px;margin-bottom:24px;padding-bottom:12px;display:flex}.brand{color:var(--ink);align-items:baseline;gap:10px;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:1px 7px;font-size:14px;font-weight:700;line-height:1.6}.brand-name{font-family:var(--font-mono);letter-spacing:.08em;font-size:15px;font-weight:700}.brand-scope{color:var(--faint);font-size:12px}.topnav{gap:20px;margin-left:8px;display:flex}.topnav a{color:var(--ink-dim);border-bottom:1px solid #0000;padding:4px 1px;font-size:14px;font-weight:500}.topnav a:hover{color:var(--ink);text-decoration:none}.topnav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}button{font:inherit;background:var(--surface-2);color:var(--ink);border:1px solid var(--control);border-radius:var(--radius-control);min-height:var(--control-height);cursor:pointer;padding:0 16px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}button.primary:hover{background:var(--ink);border-color:var(--accent);color:var(--bg)}input{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--control);border-radius:var(--radius-control);min-height:var(--control-height);padding:0 14px}input:focus{border-color:var(--accent);outline:none}input::placeholder{color:var(--faint)}input[type=color]{cursor:pointer;border-radius:6px;width:44px;padding:2px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:20px}@media (max-width:640px){.page{padding:16px 16px 0}.brand-scope{display:none}.topbar-right{width:100%;margin-left:0}.topbar-right button{flex:1}}