:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1015;--panel:#151923;--panel-2:#1b202b;--text:#f7f4ee;--muted:#aeb5c2;--line:#303745;--accent:#f0b35a;--accent-2:#70d4bd;--danger:#ff6f7d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line);background:var(--accent);color:#17120b;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{color:var(--text);background:0 0}button.danger{background:var(--danger);color:#14080a}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.shell{min-height:100vh}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(18px,4vw,48px);display:flex}.brand{letter-spacing:.04em;font-weight:800}.nav-links{flex-wrap:wrap;gap:12px;display:flex}.page{width:min(1180px,100vw - 32px);margin:0 auto;padding:42px 0}.hero{gap:24px;padding:clamp(38px,7vw,84px) 0 36px;display:grid}.hero h1,.page-title{max-width:920px;margin:0;font-size:clamp(2.2rem,7vw,5.4rem);line-height:.95}.lede{color:var(--muted);max-width:720px;font-size:1.15rem;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.muted{color:var(--muted)}.form{gap:12px;max-width:560px;display:grid}label{color:var(--muted);gap:6px;display:grid}input,select,textarea{border:1px solid var(--line);color:var(--text);background:#0b0d12;border-radius:6px;min-height:42px;padding:10px 12px}textarea{resize:vertical;min-height:84px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}.chart{align-items:end;gap:6px;min-height:120px;display:flex}.bar{background:var(--accent-2);border-radius:4px 4px 0 0;flex:1;min-width:10px}.error{color:var(--danger)}@media (max-width:720px){.nav{flex-direction:column;align-items:flex-start}.table,.table tbody,.table tr,.table td{display:block}.table thead{display:none}}