html{height:100%}
*{margin:0;padding:0;box-sizing:border-box}
:root{--base:#04060e;--surface:rgba(10,14,26,0.95);--panel:rgba(13,17,32,0.95);--elevated:rgba(18,22,36,0.95);--border:rgba(255,255,255,0.07);--border-hi:rgba(255,255,255,0.14);--border-glow:rgba(109,232,225,0.55);--cyan:#6DE8E1;--cyan-d:rgba(109,232,225,0.22);--cyan-g:rgba(109,232,225,0.5);--green:#4FFFAA;--green-d:rgba(79,255,170,0.2);--green-g:rgba(79,255,170,0.55);--amber:#F5B942;--amber-d:rgba(245,185,66,0.22);--red:#FF5E5E;--gold:#FFD700;--gold-d:rgba(255,215,0,0.32);--purple:#9D7FEA;--purple-d:rgba(157,127,234,0.2);--txt:#eef0f8;--txt2:#8090a8;--txt3:#546070;--r6:6px;--r8:8px;--r10:10px;--r12:12px;--r16:16px;
/* Spacing scale (4px base) */
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;
/* Z-index scale */
--z-base:1;--z-sticky:100;--z-header:200;--z-dropdown:400;--z-modal:600;--z-overlay:800;--z-spark:900;--z-toast:1000;--z-drawer:9998;--z-top:99999}
html,body{width:100%;height:100%;overflow:hidden;background:#04060e;color:var(--txt);font-family:'Space Grotesk',sans-serif;-webkit-font-smoothing:antialiased}
#app{position:relative;width:100%;height:100%;overflow:hidden}
#cvs-spark{position:absolute;inset:0;pointer-events:none;z-index:900}
.nebula{position:absolute;pointer-events:none;border-radius:50%;z-index:1;animation:nebDrift 25s ease-in-out infinite alternate}
.nb1{width:960px;height:740px;background:radial-gradient(ellipse,rgba(65,30,160,0.15) 0%,rgba(40,15,110,0.06) 50%,transparent 72%);top:-220px;left:-160px;animation-duration:28s}
.nb2{width:880px;height:700px;background:radial-gradient(ellipse,rgba(80,15,155,0.18) 0%,rgba(50,8,105,0.08) 50%,transparent 72%);bottom:-60px;right:-100px;animation-duration:22s;animation-delay:-9s;animation-direction:alternate-reverse}
.nb3{width:680px;height:540px;background:radial-gradient(ellipse,rgba(18,145,170,0.15) 0%,rgba(8,90,130,0.06) 52%,transparent 74%);top:-100px;right:-80px;animation-duration:33s;animation-delay:-5s}
.nb4{width:560px;height:440px;background:radial-gradient(ellipse,rgba(110,18,75,0.12) 0%,rgba(75,10,55,0.05) 52%,transparent 74%);top:30%;left:28%;animation-duration:40s;animation-delay:-14s;animation-direction:alternate-reverse}

/* Keyboard focus indicator — cyan ring for all interactive elements */
:focus-visible{outline:2px solid rgba(109,232,225,0.6);outline-offset:2px}
:focus:not(:focus-visible){outline:none}
/* Skip-to-content link for screen readers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Touch devices — prevent hover styles from sticking after tap */
@media(hover:none){
  *:hover{transition-duration:0s !important}
}

.scr{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none;visibility:hidden;background:#04060e;flex-direction:column;flex-shrink:0}
.scr.on{width:100%;height:100%;pointer-events:all;overflow:hidden;visibility:visible}