:root{
  --bg:#0B0E14; --bg-2:#0F131C; --card:#131822; --card-2:#182030; --line:#232B3B;
  --line-2:#2E3850; --txt:#E4E8F1; --txt-2:#9AA5BC; --txt-3:#66718A;
  --acc:#3FA9F5; --acc-dim:#11304A; --acc-glow:rgba(63,169,245,.25);
  --warn:#E0A34E; --warn-dim:#3A2C12; --bad:#E05C6E; --bad-dim:#3A1620;
  --gold:#E7C062; --gold-dim:#3A3016; --info:#5AA9E6; --info-dim:#132B3D;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  --r:10px; --r-lg:16px; --r-sm:6px;
  --sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px;--sp7:48px;--sp8:64px;
  --sh:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.28);
  --sh-lg:0 8px 40px rgba(0,0,0,.5);
  --t:180ms cubic-bezier(.2,.7,.3,1);
  --rail:76px; --top:60px; --max:1180px;
}
@media (prefers-reduced-motion:reduce){ :root{ --t:1ms } *,*::before,*::after{ animation-duration:1ms!important; animation-iteration-count:1!important; transition-duration:1ms!important; scroll-behavior:auto!important } }
html[data-motion="off"] *,html[data-motion="off"] *::before{ animation:none!important; transition:none!important }