/* base.css — tokens, reset, base, tipografia */
:root{
  --bg:#0b1120;--bg2:#111a30;--bg3:#1a2542;--line:rgba(148,163,184,.16);
  --ink:#e6edf7;--muted:#94a3b8;--brand:#6366f1;--brand-2:#8b5cf6;
  --accent:#22d3ee;--ok:#34d399;--warn:#fbbf24;--danger:#f87171;
  --glass:rgba(255,255,255,.045);
  --r-lg:22px;--r-md:16px;--r-sm:11px;
  --sh-1:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.25);
  --sh-2:0 10px 40px -8px rgba(0,0,0,.6);
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-disp:'Sora','Inter',system-ui,sans-serif;
  --maxw:480px;--pad:20px;--navh:78px;
  --ease:cubic-bezier(.22,1,.36,1);--fast:160ms;--med:260ms;--slow:420ms;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{height:100%}
body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);min-height:100vh;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1200px 500px at 50% -10%,rgba(99,102,241,.18),transparent 70%),
    radial-gradient(600px 300px at 100% 0%,rgba(34,211,238,.10),transparent 60%);
  background-attachment:fixed}
h1,h2,h3,.disp{font-family:var(--font-disp);letter-spacing:-.02em}
button{font-family:inherit}
.u-muted{color:var(--muted)}.u-center{text-align:center}
.hide{display:none!important}
.app{max-width:var(--maxw);margin:0 auto;min-height:100vh;padding:0 0 calc(var(--navh) + env(safe-area-inset-bottom));position:relative}
a{color:inherit}