:root,:root[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #050508;--bg-card: #07090E;--bg-elevated: #0A0D14;--neon-cyan: #00D9FF;--neon-cyan-dim: rgba(0, 217, 255, .08);--neon-cyan-line: rgba(0, 217, 255, .25);--neon-cyan-glow: 0 0 8px rgba(0, 217, 255, .55), 0 0 20px rgba(0, 217, 255, .2);--neon-orange: #FF6600;--neon-orange-dim: rgba(255, 102, 0, .08);--neon-orange-line: rgba(255, 102, 0, .3);--neon-orange-glow: 0 0 8px rgba(255, 102, 0, .65), 0 0 20px rgba(255, 102, 0, .25);--neon-green: #00FF88;--neon-green-dim: rgba(0, 255, 136, .08);--neon-green-line: rgba(0, 255, 136, .25);--neon-green-glow: 0 0 8px rgba(0, 255, 136, .55), 0 0 20px rgba(0, 255, 136, .2);--accent: var(--neon-orange);--accent-2: var(--neon-cyan);--success: var(--neon-green);--warning: #FF9900;--danger: #FF2244;--gold: #FFB800;--border: rgba(0, 217, 255, .2);--border-light: rgba(0, 217, 255, .1);--text-primary: #E8F4FF;--text-muted: rgba(0, 217, 255, .5);--font-mono: "Share Tech Mono", "JetBrains Mono", "Courier New", monospace;--font-display: "Orbitron", "Share Tech Mono", monospace;--scanline-alpha: .012;--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, .8)}:root[data-theme=light]{--bg-primary: #F5F2EB;--bg-secondary: #EEE9DE;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--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;--accent: var(--neon-orange);--accent-2: var(--neon-cyan);--success: var(--neon-green);--warning: #A05E00;--danger: #A8173A;--gold: #8A6500;--border: rgba(0, 93, 125, .24);--border-light: rgba(0, 93, 125, .12);--text-primary: #0A1014;--text-muted: rgba(10, 16, 20, .48);--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-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.6;-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;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,217,255,var(--scanline-alpha)) 2px,rgba(0,217,255,var(--scanline-alpha)) 4px)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-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-primary)}button,[role=button]{font-family:var(--font-mono)!important;letter-spacing:.08em}input,textarea,select{font-family:var(--font-mono)!important;background:var(--bg-card);border:1px solid var(--neon-cyan-line);color:var(--text-primary);letter-spacing:.04em;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-card);border:1px solid var(--neon-cyan-line);border-radius:0;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)}.text-cyan{color:var(--neon-cyan)}.text-orange{color:var(--neon-orange)}.text-green{color:var(--neon-green)}.glow-cyan{text-shadow:var(--neon-cyan-glow)}.glow-orange{text-shadow:var(--neon-orange-glow)}.glow-green{text-shadow:var(--neon-green-glow)}::selection{background:var(--neon-cyan-line);color:var(--text-primary)}
