:root{color-scheme:light dark;--fg: #0f172a;--bg: #f8fafc;--panel: #ffffff;--line: #cbd5e1;--muted: #475569;--accent: #1d4ed8;--accent-fg: #ffffff;--danger: #b91c1c;--ok: #15803d;--warn: #b45309;--radius: .6rem}@media(prefers-color-scheme:dark){:root{--fg: #e2e8f0;--bg: #0b1220;--panel: #111c33;--line: #334155;--muted: #94a3b8;--accent: #7dd3fc;--accent-fg: #0b1220;--danger: #fca5a5;--ok: #86efac;--warn: #fcd34d}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}h1{font-size:1.75rem}h2{font-size:1.2rem}h3{font-size:1rem}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button,.btn{font:inherit;min-height:2.5rem;padding:.4rem .9rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger)}input,select{font:inherit;min-height:2.5rem;padding:.35rem .6rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--fg);width:100%}input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--accent)}label{display:block;font-weight:600;margin-bottom:.25rem}.field{margin-bottom:.85rem}.hint{color:var(--muted);font-size:.9rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.error{color:var(--danger);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.swatch{display:inline-block;width:1rem;height:1rem;border-radius:50%;border:2px solid var(--fg);vertical-align:-.15rem;margin-right:.35rem}.badge{display:inline-block;padding:0 .45rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem;font-weight:600}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}