:root{--g-bg: #0a0a0f;--g-bg-2: #07070b;--g-surface: #12121a;--g-surface-2: #1a1a26;--g-surface-3: #222233;--g-border: rgba(255, 255, 255, .06);--g-border-focus: rgba(124, 58, 237, .5);--g-text: #e0e0e8;--g-text-dim: rgba(224, 224, 232, .5);--g-text-muted: rgba(224, 224, 232, .3);--g-accent: #7c3aed;--g-accent-hover: #8b5cf6;--g-accent-glow: rgba(124, 58, 237, .3);--g-accent-dim: rgba(124, 58, 237, .1);--g-success: #10b981;--g-success-dim: rgba(16, 185, 129, .15);--g-error: #ef4444;--g-error-dim: rgba(239, 68, 68, .15);--g-warning: #f59e0b;--g-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--g-font-sans: "Inter", system-ui, -apple-system, sans-serif;--g-space-xs: 4px;--g-space-sm: 8px;--g-space-md: 16px;--g-space-lg: 24px;--g-space-xl: 32px;--g-space-2xl: 48px;--g-radius: 8px;--g-radius-sm: 4px;--g-radius-lg: 12px;--g-radius-xl: 16px;--g-shadow: 0 4px 24px rgba(0, 0, 0, .4);--g-shadow-lg: 0 8px 48px rgba(0, 0, 0, .6);--g-ease: cubic-bezier(.4, 0, .2, 1);--g-duration: .2s;--g-duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;overflow:hidden}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--g-font-sans);background:var(--g-bg);color:var(--g-text);line-height:1.6}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px)}::selection{background:var(--g-accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--g-bg)}::-webkit-scrollbar-thumb{background:var(--g-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--g-accent)}:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.mono{font-family:var(--g-font-mono)}.btn{display:inline-flex;align-items:center;gap:var(--g-space-sm);padding:var(--g-space-sm) var(--g-space-md);font-family:var(--g-font-sans);font-size:.875rem;font-weight:500;border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-surface);color:var(--g-text);cursor:pointer;transition:all var(--g-duration) var(--g-ease);user-select:none}.btn:hover{background:var(--g-surface-2);border-color:var(--g-border-focus);box-shadow:0 0 12px var(--g-accent-glow)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--g-accent);border-color:var(--g-accent);color:#fff}.btn-primary:hover{background:var(--g-accent-hover);border-color:var(--g-accent-hover);box-shadow:0 0 20px var(--g-accent-glow)}.btn-sm{padding:var(--g-space-xs) var(--g-space-sm);font-size:.8125rem}.btn-icon{padding:var(--g-space-sm);aspect-ratio:1}.input{width:100%;padding:var(--g-space-sm) var(--g-space-md);font-family:var(--g-font-mono);font-size:.9375rem;background:var(--g-surface);border:1px solid var(--g-border);border-radius:var(--g-radius);color:var(--g-text);transition:all var(--g-duration) var(--g-ease)}.input:focus{outline:none;border-color:var(--g-accent);box-shadow:0 0 0 3px var(--g-accent-dim),0 0 16px var(--g-accent-glow)}.input::placeholder{color:var(--g-text-muted)}.card{background:var(--g-surface);border:1px solid var(--g-border);border-radius:var(--g-radius-lg);padding:var(--g-space-lg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s var(--g-ease) infinite}@keyframes glow-border{0%,to{box-shadow:0 0 8px var(--g-accent-glow)}50%{box-shadow:0 0 24px var(--g-accent-glow),0 0 48px #7c3aed1a}}.glow{animation:glow-border 3s var(--g-ease) infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}