:root{--bg-primary: #000000;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-cyan: #00f0ff;--accent-violet: #7b61ff;--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .06);--glass-glow: rgba(0, 240, 255, .15);--font-sans: "Outfit", sans-serif;--font-mono: "Fira Code", monospace;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;position:relative;overflow:hidden}::-webkit-scrollbar{display:none}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000005e;transition:var(--transition-smooth)}.glass-panel:hover{border-color:#00f0ff33;box-shadow:0 8px 32px 0 var(--glass-glow)}.glow-text-cyan{text-shadow:0 0 10px rgba(0,240,255,.6),0 0 20px rgba(0,240,255,.3)}.glow-text-violet{text-shadow:0 0 10px rgba(123,97,255,.6),0 0 20px rgba(123,97,255,.3)}.flex-center{display:flex;align-items:center;justify-content:center}.mono-text{font-family:var(--font-mono)}.webgl-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.interactive-overlay{position:relative;z-index:10;pointer-events:auto}