:root {
  --bg0:#05070a;--bg1:#0c1018;--bg2:#121820;--bg3:#181f2e;--bg4:#1e2638;
  --border:rgba(255,255,255,0.07);--border-hi:rgba(255,255,255,0.14);
  --txt:#eef0f5;--txt2:#7a8499;--txt3:#3a4260;
  --accent:#ff3d00;--accent2:#ff6a30;--teal:#00dba8;--blue:#4d8cf5;--gold:#f0a020;--green:#28c265;--red:#ee3c3c;
  --phase-base:#4d8cf5;--phase-build:#f0a020;--phase-peak:#ff3d00;--phase-taper:#28c265;
  --sidebar-w:228px;
  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
  --shadow-card:0 1px 3px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.25);
  --shadow-pop:0 2px 8px rgba(0,0,0,.5),0 8px 32px rgba(0,0,0,.35);
  --glow-accent:0 0 20px rgba(255,61,0,.18);
  --glow-teal:0 0 20px rgba(0,219,168,.15);
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px;scroll-behavior:smooth}
body{background:var(--bg0);color:var(--txt);font-family:'Barlow',sans-serif;min-height:100vh;overflow-x:hidden;display:flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* Subtle grid texture on body */
body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.018) 1px, transparent 0);background-size:32px 32px;pointer-events:none;z-index:0}
/* Global scrollbar */
::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}