:root{--bg:#0b0d12;--surface:#141822;--border:#232a38;--text:#eef1f6;--muted:#99a2b3;--accent:#4ade80;--warn:#fbbf24;--danger:#f87171;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}a{color:var(--accent)}main{max-width:72rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}button,.button{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;min-height:48px;padding:.75rem 1.25rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);width:100%;min-height:48px;padding:.75rem}