:root{
 --bg:#0b0d1a;--ink:#f4f5fb;--muted:#9aa0b8;--accent:#ffb020;--accent2:#ff6a3d;--line:rgba(255,255,255,.14);
 --motion-scale:1.5;
 --t-fast:calc(.25s * var(--motion-scale));--t-med:calc(.38s * var(--motion-scale));--t-slow:calc(.6s * var(--motion-scale));
 --ease-spring:cubic-bezier(.3,1.3,.5,1);--ease-out:cubic-bezier(.22,.8,.3,1);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body.star-demo{display:grid;place-items:center;background:radial-gradient(900px 500px at 20% 10%,#1d2250 0,transparent 60%),radial-gradient(700px 500px at 85% 90%,#3a1a46 0,transparent 55%),var(--bg);color:var(--ink);font:500 15px/1.4 "Segoe UI",system-ui,sans-serif}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}