/* Design tokens (light + dark) and page base */
:root{
  --space:#070a18; --space2:#141a3a;
  --panel:rgba(245,247,252,.9); --ink:#141a2e; --muted:#5b647a;
  --line:rgba(20,26,46,.14); --chip-on:#141a2e; --chip-on-ink:#f5f7fc;
  --signal:#ff8a2a; --good:#1f9d6b; --ok:#c98a12; --bad:#d8453a;
  box-sizing:border-box; color-scheme:light;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --panel:rgba(18,23,44,.82); --ink:#e8ecf6; --muted:#98a1b8;
    --line:rgba(232,236,246,.14); --chip-on:#e8ecf6; --chip-on-ink:#12172c;
    --good:#4ade9b; --ok:#f5c04d; --bad:#ff7a6e; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --panel:rgba(18,23,44,.82); --ink:#e8ecf6; --muted:#98a1b8;
  --line:rgba(232,236,246,.14); --chip-on:#e8ecf6; --chip-on-ink:#12172c;
  --good:#4ade9b; --ok:#f5c04d; --bad:#ff7a6e;
}
*,*::before,*::after{box-sizing:inherit}
html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}
body{height:100%;margin:0;background:var(--space);color:var(--ink);
  font-family:"Chakra Petch",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}
[hidden]{display:none!important}