:root{color-scheme:light dark;--bg:#f5f6f8;--fg:#182126;--panel:#fff;--border:#cbd1d8;--muted:#54616c;--accent:#2854d9}
@media(prefers-color-scheme:dark){:root{--bg:#111417;--fg:#e8edf2;--panel:#1b2026;--border:#46515e;--muted:#a9b5c1;--accent:#94acff}}
:root[data-theme=dark]{--bg:#111417;--fg:#e8edf2;--panel:#1b2026;--border:#46515e;--muted:#a9b5c1;--accent:#94acff}
:root[data-theme=light]{--bg:#f5f6f8;--fg:#182126;--panel:#fff;--border:#cbd1d8;--muted:#54616c;--accent:#2854d9}
*{box-sizing:border-box}body{margin:0;padding:24px;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}main{max-width:600px;margin:7vh auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px}h1{font-size:30px;line-height:1.2}.brand{color:var(--accent);font-weight:650}.muted,small{color:var(--muted)}form{display:grid;gap:12px}input,select,button{font:inherit;padding:10px 14px;border:1px solid var(--border);border-radius:8px;color:var(--fg);background:var(--panel)}button{cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}#status{min-height:1.5em}.actions{display:flex;gap:8px;flex-wrap:wrap}.row{padding:16px 0;border-bottom:1px solid var(--border)}.row strong{display:block;margin-bottom:8px}@media(max-width:500px){body{padding:12px}main{padding:20px;margin:20px auto}}