:root{--bg:#eef2f7;--panel:#fff;--ink:#18212f;--muted:#5a6678;--line:#d6dde8;--accent:#1f56a8;--accent-ink:#fff;--ok:#1e7a46;--bad:#b3261e;--bad-soft:#fbe9e7;--warn:#8a5a00;--hl:#fff1b8;--code:#f2f5fa;
  font-family:"Inter","Noto Sans","Segoe UI",system-ui,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#10151d;--panel:#171e29;--ink:#e6ebf2;--muted:#9aa6b8;--line:#2b3544;--accent:#7fb0ff;--accent-ink:#0d1420;--ok:#6fd59a;--bad:#ff8a80;--bad-soft:#3a1d1b;--warn:#f2c26b;--hl:#3a3413;--code:#1b2431;color-scheme:dark}}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink)}
input,button,select,textarea{font:inherit;padding:9px 13px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}
button{cursor:pointer}
button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
button:disabled{opacity:.55;cursor:default}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}
