:root{
  --bg:#05070d;
  --bg-2:#080b14;
  --elev:#0c111c;
  --elev-2:#101726;
  --line:rgba(120,160,220,.12);
  --line-2:rgba(120,160,220,.22);
  --text:#f2f5fb;
  --text-soft:#9aa8c0;
  --muted:#6d7b93;
  --blue:#4c9fff;
  --blue-2:#7ab8ff;
  --blue-dim:rgba(76,159,255,.14);
  --green:#3dd68c;
  --red:#ff6b7a;
  --warn:#f0b429;
  --shadow:0 12px 40px rgba(0,0,0,.45);
  --r:12px;
  --sans:'Inter',system-ui,sans-serif;
  --mono:ui-monospace,'IBM Plex Mono',Consolas,monospace;
  --panel:var(--elev);
  --panel-hi:var(--elev-2);
  --panel-solid:var(--elev-2);
  --bg-1:var(--bg);--bg-3:var(--bg-2);
  --line-strong:var(--line-2);
  --blue-glow:rgba(76,159,255,.22);
  --purple:#7ab8ff;
  --yellow:var(--warn);
  --radius:var(--r);
  --ink:var(--text);
  --accent:var(--blue);
  --accent-ink:#041018;
  --ok:var(--green);
  --bad:var(--red);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;color:var(--text);font-family:var(--sans);
  font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(900px 480px at 50% -12%,rgba(76,159,255,.16),transparent 55%),
    var(--bg);
}
::selection{background:rgba(76,159,255,.35);color:#fff}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:rgba(76,159,255,.22);border-radius:8px}