:root{
  --bg:#EEF1F6; --surface:#FFFFFF; --ink:#18213A; --muted:#5B6479; --line:#D5DBE6;
  --accent:#1F2A44; --accent-ink:#FFFFFF; --soft:#E3E8F2;
  --good:#1E7A4C; --bad:#B3261E; --info:#2B5DB8; --warnbg:#FFF4DC; --warnink:#7A4B00;
  --font:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F1422; --surface:#182033; --ink:#E7EBF4; --muted:#9AA4BA; --line:#2B3550;
  --accent:#9DB3E6; --accent-ink:#0F1422; --soft:#222C44;
  --good:#5CC48E; --bad:#F08A80; --info:#8FB0F2; --warnbg:#3A2E12; --warnink:#F2D08A; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1422; --surface:#182033; --ink:#E7EBF4; --muted:#9AA4BA; --line:#2B3550;
  --accent:#9DB3E6; --accent-ink:#0F1422; --soft:#222C44;
  --good:#5CC48E; --bad:#F08A80; --info:#8FB0F2; --warnbg:#3A2E12; --warnink:#F2D08A; color-scheme:dark}
*{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
[hidden]{display:none!important}
button,select,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--info);outline-offset:2px}
.lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-stretch:85%}
.btn{border:0;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:6px 12px;font-weight:700}
.btn:disabled{opacity:.6;cursor:default}
.ghost{border:1px solid var(--line);background:transparent;border-radius:99px;padding:4px 12px;font-size:13px;color:var(--muted)}
.f{display:flex;flex-direction:column;gap:2px;min-width:0}
.f input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:5px 6px}