:root,:root[data-theme=dark]{--bg-0: #05080a;--bg-1: #0a1015;--bg-2: #0f1820;--bg-3: #15212c;--bg-primary: #05080a;--bg-secondary: #0a1015;--bg-card: #0a1015;--bg-elevated: #0f1820;--line: #1a2c38;--line-strong: #25404f;--neon-cyan: #22F0FF;--neon-cyan-dim: rgba(34, 240, 255, .1);--neon-cyan-line: rgba(34, 240, 255, .28);--neon-cyan-glow: 0 0 10px rgba(34, 240, 255, .5), 0 0 24px rgba(34, 240, 255, .2);--neon-orange: #FF7A1A;--neon-orange-dim: rgba(255, 122, 26, .1);--neon-orange-line: rgba(255, 122, 26, .32);--neon-orange-glow: 0 0 10px rgba(255, 122, 26, .55), 0 0 24px rgba(255, 122, 26, .22);--neon-green: #2BFF88;--neon-green-dim: rgba(43, 255, 136, .1);--neon-green-line: rgba(43, 255, 136, .28);--neon-green-glow: 0 0 10px rgba(43, 255, 136, .5), 0 0 24px rgba(43, 255, 136, .2);--neon-pink: #FF3D6E;--neon-pink-dim: rgba(255, 61, 110, .1);--neon-pink-line: rgba(255, 61, 110, .28);--neon-pink-glow: 0 0 10px rgba(255, 61, 110, .5), 0 0 24px rgba(255, 61, 110, .2);--accent: var(--neon-orange);--accent-2: var(--neon-cyan);--success: var(--neon-green);--warning: #FFD23F;--danger: var(--neon-pink);--gold: #FFB800;--border: rgba(34, 240, 255, .22);--border-light: rgba(34, 240, 255, .1);--ink-0: #e6f7ff;--ink-1: #aac4d2;--ink-2: #6f8a98;--ink-3: #3d5563;--text-primary: #e6f7ff;--text-muted: #6f8a98;--font-display: "Space Grotesk", "Orbitron", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Share Tech Mono", "SF Mono", monospace;--hex-clip: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);--glow-mul: 1;--grid-mul: 1;--particle-mul: 1;--glitch-mul: 0;--scanline-alpha: .022;--hexa-card-bracket-tl: var(--neon-cyan);--hexa-card-bracket-br: var(--neon-orange);--hexa-card-shadow: inset 0 0 40px rgba(0, 0, 0, .55)}:root[data-theme=light]{--bg-0: #F5F2EB;--bg-1: #FFFFFF;--bg-2: #FAF7F0;--bg-3: #F0EBDD;--bg-primary: #F5F2EB;--bg-secondary: #EEE9DE;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--line: rgba(0, 93, 125, .18);--line-strong: rgba(0, 93, 125, .32);--neon-cyan: #005D7D;--neon-cyan-dim: rgba(0, 93, 125, .08);--neon-cyan-line: rgba(0, 93, 125, .28);--neon-cyan-glow: none;--neon-orange: #C44200;--neon-orange-dim: rgba(196, 66, 0, .08);--neon-orange-line: rgba(196, 66, 0, .35);--neon-orange-glow: none;--neon-green: #007A40;--neon-green-dim: rgba(0, 122, 64, .08);--neon-green-line: rgba(0, 122, 64, .28);--neon-green-glow: none;--neon-pink: #A8173A;--neon-pink-dim: rgba(168, 23, 58, .08);--neon-pink-line: rgba(168, 23, 58, .28);--neon-pink-glow: none;--accent: var(--neon-orange);--accent-2: var(--neon-cyan);--success: var(--neon-green);--warning: #A05E00;--danger: var(--neon-pink);--gold: #8A6500;--border: rgba(0, 93, 125, .24);--border-light: rgba(0, 93, 125, .12);--ink-0: #0A1014;--ink-1: rgba(10, 16, 20, .72);--ink-2: rgba(10, 16, 20, .58);--ink-3: rgba(10, 16, 20, .36);--text-primary: #0A1014;--text-muted: rgba(10, 16, 20, .48);--glow-mul: 0;--grid-mul: .4;--particle-mul: 0;--glitch-mul: 0;--scanline-alpha: 0;--hexa-card-bracket-tl: var(--neon-cyan);--hexa-card-bracket-br: var(--neon-orange);--hexa-card-shadow: 0 1px 2px rgba(10, 16, 20, .04)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--ink-0);font-family:var(--font-display);font-feature-settings:"ss01","ss02";font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}html,body,#root{max-width:100vw;overflow-x:hidden}body{min-height:100vh;position:relative;background:radial-gradient(ellipse 1200px 600px at 80% -10%,rgba(34,240,255,calc(.06 * var(--glow-mul))),transparent 60%),radial-gradient(ellipse 900px 500px at 0% 30%,rgba(255,122,26,calc(.04 * var(--glow-mul))),transparent 60%),var(--bg-0)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(34,240,255,calc(.025 * var(--grid-mul))) 1px,transparent 1px),linear-gradient(90deg,rgba(34,240,255,calc(.025 * var(--grid-mul))) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 90%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 90%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,240,255,var(--scanline-alpha)) 2px,rgba(34,240,255,var(--scanline-alpha)) 3px);pointer-events:none;z-index:999;mix-blend-mode:overlay}#root{position:relative;z-index:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan);box-shadow:var(--neon-cyan-glow)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-0)}button,[role=button]{font-family:var(--font-display)!important;letter-spacing:.04em}input,textarea,select{font-family:var(--font-display)!important;background:var(--bg-1);border:1px solid var(--neon-cyan-line);color:var(--text-primary);letter-spacing:.02em;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--neon-cyan);box-shadow:var(--neon-cyan-glow)}.hexa-card{background:var(--bg-1);border:1px solid var(--neon-cyan-line);border-radius:8px;box-shadow:var(--hexa-card-shadow);position:relative;overflow:hidden}.hexa-card:before{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-top:2px solid var(--hexa-card-bracket-tl);border-left:2px solid var(--hexa-card-bracket-tl)}.hexa-card:after{content:"";position:absolute;bottom:0;right:0;width:12px;height:12px;border-bottom:2px solid var(--hexa-card-bracket-br);border-right:2px solid var(--hexa-card-bracket-br)}.hex-clip{-webkit-clip-path:var(--hex-clip);clip-path:var(--hex-clip)}.text-cyan{color:var(--neon-cyan)}.text-orange{color:var(--neon-orange)}.text-green{color:var(--neon-green)}.text-pink{color:var(--neon-pink)}.glow-cyan{text-shadow:var(--neon-cyan-glow)}.glow-orange{text-shadow:var(--neon-orange-glow)}.glow-green{text-shadow:var(--neon-green-glow)}.glow-pink{text-shadow:var(--neon-pink-glow)}@keyframes hexa-pulse{0%,to{opacity:1;box-shadow:0 0 #2bff888c}50%{opacity:.7;box-shadow:0 0 0 6px #2bff8800}}::selection{background:var(--neon-cyan-line);color:var(--text-primary)}
