@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Orbitron:wght@400;700;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Streamster;src:url(/fonts/streamster-webfont.woff2) format("woff2"),url(/fonts/streamster-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}::-webkit-scrollbar{width:12px;background:#000c}::-webkit-scrollbar-track{background:linear-gradient(180deg,#00142899,#000c);border:1px solid #ccf2ff;border-radius:0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ccf2ff,#9d5bff,#ff0080);border:1px solid #ccf2ff;box-shadow:0 0 10px #ccf2ff,inset 0 0 5px #00ffff4d;border-radius:0}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff0080,#0ff,#9d5bff);box-shadow:0 0 15px #ff0080,inset 0 0 8px #ff008066}*{scrollbar-width:thin;scrollbar-color:#ccf2ff rgba(0,20,40,.6)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes blockFlash{0%{opacity:1;background:#00ffff1a}50%{opacity:.8;background:#00ffff4d}to{opacity:1;background:#00ffff1a}}@keyframes blockHeightPulse{0%{transform:scale(1);text-shadow:0 0 15px currentColor}50%{transform:scale(1.1);text-shadow:0 0 25px currentColor,0 0 35px currentColor}to{transform:scale(1);text-shadow:0 0 15px currentColor}}.block-height-pulse{animation:blockHeightPulse .6s ease-out}.synthwave-header{position:relative;overflow:hidden}.synthwave-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ff00801a,#00ffff0d 30%,#9d5bff1a 70%,#0000004d);z-index:1}.static-quantum-field{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,255,255,.25) 0%,transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,0,128,.25) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(157,91,255,.2) 0%,transparent 65%),radial-gradient(circle at 70% 20%,rgba(0,255,159,.18) 0%,transparent 55%),radial-gradient(circle at 30% 80%,rgba(255,207,93,.18) 0%,transparent 55%);animation:static-quantum-shift 20s ease-in-out infinite alternate,static-quantum-pulse 3s ease-in-out infinite;z-index:1;pointer-events:none;opacity:.85;will-change:transform;contain:layout style paint}.static-quantum-field.active{opacity:.95;background:radial-gradient(circle at 20% 30%,rgba(0,255,255,.3) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,0,128,.3) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(157,91,255,.25) 0%,transparent 60%),radial-gradient(circle at 70% 20%,rgba(0,255,159,.22) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(255,207,93,.22) 0%,transparent 50%);animation:static-quantum-shift 15s ease-in-out infinite alternate,static-quantum-pulse 2s ease-in-out infinite}@keyframes static-quantum-shift{0%{background-position:0% 0%,100% 100%,50% 50%,0% 100%,100% 0%;filter:hue-rotate(0deg) brightness(1.1)}33%{background-position:33% 66%,66% 33%,75% 25%,25% 75%,80% 20%;filter:hue-rotate(30deg) brightness(1.2)}66%{background-position:66% 33%,33% 66%,25% 75%,75% 25%,20% 80%;filter:hue-rotate(60deg) brightness(1.2)}to{background-position:100% 100%,0% 0%,0% 100%,100% 50%,0% 50%;filter:hue-rotate(90deg) brightness(1.1)}}@keyframes static-quantum-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.static-quantum-particles{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.static-quantum-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,var(--particle-color, #00ffff) 0%,transparent 70%);box-shadow:0 0 12px var(--particle-color, #00ffff),0 0 20px var(--particle-color, #00ffff);animation:static-quantum-float 8s ease-in-out infinite,particle-glow 4s ease-in-out infinite;opacity:.9}@keyframes static-quantum-float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.7}25%{transform:translateY(-15px) translate(8px) scale(1.2);opacity:1}50%{transform:translateY(0) translate(15px) scale(.9);opacity:1}75%{transform:translateY(15px) translate(8px) scale(1.2);opacity:.8}}@keyframes particle-glow{0%,to{box-shadow:0 0 12px var(--particle-color, #00ffff),0 0 20px var(--particle-color, #00ffff)}50%{box-shadow:0 0 18px var(--particle-color, #00ffff),0 0 30px var(--particle-color, #00ffff),0 0 40px var(--particle-color, #00ffff)}}.static-quantum-connections{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.static-quantum-connection{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.5) 20%,rgba(255,0,128,.5) 80%,transparent 100%);transform-origin:left center;animation:static-connection-pulse 6s ease-in-out infinite;opacity:.6;box-shadow:0 0 3px #00ffff4d}@keyframes static-connection-pulse{0%,to{opacity:.4;transform:scaleX(.9) scaleY(1);box-shadow:0 0 3px #00ffff4d}50%{opacity:.8;transform:scaleX(1.1) scaleY(1);box-shadow:0 0 6px #00ffff80,0 0 8px #ff00804d}}.static-quantum-field-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(0,255,255,.08) 0%,rgba(255,0,128,.04) 50%,transparent 70%);animation:intense-glow 12s ease-in-out infinite alternate;z-index:0}@keyframes intense-glow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.grid-container{position:absolute;top:0;left:0;right:0;bottom:0;perspective:1000px;overflow:hidden;z-index:1}.flowing-grid{position:absolute;width:600%;height:600%;left:-250%;top:-250%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,0,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,128,.1) 1px,transparent 1px);background-size:60px 60px,60px 60px,220px 220px,220px 220px;background-position:0 0,0 0,20px 20px,20px 20px;transform:rotateX(60deg) translateZ(-100px);animation:gridFlow 8s linear infinite;will-change:transform;contain:layout style paint}@keyframes gridFlow{0%{transform:rotateX(60deg) translateZ(-100px) translateY(0)}to{transform:rotateX(60deg) translateZ(-100px) translateY(-60px)}}.flowing-grid.audio-reactive{background-image:linear-gradient(rgba(0,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.2) 1px,transparent 1px),linear-gradient(#f6019d 1px,transparent 1px),linear-gradient(90deg,#f6019d 1px,transparent 1px);animation:gridFlow 8s linear infinite,gridPulse .1s ease-in-out infinite}@keyframes gridPulse{0%,60%{opacity:.2}50%{opacity:1}}.scanlines{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 0%,rgba(0,255,255,.03) 50%,transparent 51%,rgba(0,255,255,.03) 100%);background-size:100% 4px;animation:scanlineMove 2s linear infinite;z-index:2}@keyframes scanlineMove{0%{background-position:0 0}to{background-position:0 4px}}.vhs-effect{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.vhs-effect:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(255,0,128,.02) 25%,transparent 26%,transparent 74%,rgba(0,255,255,.02) 75%,transparent 100%);animation:vhsDistortion 3s ease-in-out infinite}@keyframes vhsDistortion{0%,to{transform:translate(0)}33%{transform:translate(-2px)}66%{transform:translate(2px)}}.audio-waveform-container{position:absolute;bottom:0%;left:0;right:0;width:100%;height:100%;z-index:2;pointer-events:none}.audio-waveform-svg{width:100%;height:100%;filter:drop-shadow(0 0 8px #00FFFF) drop-shadow(0 0 15px #00FFFF6e)}.waveform-path{animation:waveformPulse .15s ease-in-out infinite}@keyframes waveformPulse{0%,to{stroke-width:2;opacity:.9}50%{stroke-width:2.5;opacity:1}}.synthwave-horizon{position:absolute;bottom:20%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#ccf2ff 50%,transparent 100%);box-shadow:0 0 10px #0ff;z-index:2;transition:all .1s ease-out}.title{font-family:Orbitron,monospace;font-size:5rem;font-weight:900;letter-spacing:3px;background:#0ff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:text;text-shadow:4px 6px 1px #ff00F0;margin:0}@media (max-width: 800px){.title{font-size:1.8rem}}.title-glitch{opacity:.9;animation:textGlitch .01s steps(8,end)}@keyframes textGlitch{0%{transform:translate(-2px)}to{transform:translate(2px)}}.stat-panel{background:#00142899;border:2px solid #023788;padding:10px;display:flex;flex-direction:column;box-shadow:0 0 5px #2a028898;position:relative}.stat-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0ff,#9d5bff,#ff0080)}.stat-title{font-family:Orbitron,monospace;color:#6ff;font-size:1.2em;margin-bottom:8px;letter-spacing:0px;text-shadow:2px 2px 4px #ff66F0}.stat-value{font-family:Orbitron,monospace;font-size:20px;font-weight:700;text-shadow:0 0 2px currentColor;letter-spacing:1px}.visualizer-container{position:relative;height:200px;width:100%;margin:10px 0;overflow:hidden;background:#0006;border:2px solid #023788}.visualizer-bar{position:absolute;bottom:0;transition:height .5s ease;border-top-left-radius:2px;border-top-right-radius:2px}.falling-block{position:absolute;background:linear-gradient(135deg,#ff0,orange);border:2px solid #ffa500;box-shadow:0 0 20px orange,0 0 30px #ff0;animation:cyberpunkFall var(--duration, 4s) ease-in forwards;z-index:1;will-change:transform}@keyframes cyberpunkFall{0%{top:-50px;opacity:0;transform:rotate(0) scale(1.1)}10%{opacity:1;transform:rotate(calc(var(--rotation-speed, 360deg) * .1)) scale(1)}90%{opacity:.8}to{top:100%;opacity:0;transform:rotate(var(--rotation-speed, 360deg)) scale(.9)}}.particle{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity;width:12px;height:12px;z-index:2;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#000}.particle:nth-child(odd){animation:particleFade1 8s ease-in-out infinite}.particle:nth-child(2n){animation:particleFade2 9s ease-in-out infinite}.particle:nth-child(3n){animation:particleFade3 7s ease-in-out infinite}@keyframes particleFade1{0%{opacity:0;transform:scale(0)}20%{opacity:.8;transform:scale(1)}50%{transform:scale(1.05)}80%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes particleFade2{0%{opacity:0;transform:scale(0)}25%{opacity:.9;transform:scale(1.1)}50%{transform:scale(1.15)}75%{opacity:.9;transform:scale(1.1)}to{opacity:0;transform:scale(0)}}@keyframes particleFade3{0%{opacity:0;transform:scale(0)}15%{opacity:1;transform:scale(.9)}50%{transform:scale(.95)}85%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(0)}}@keyframes miniBubble{0%{opacity:.4;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}to{opacity:.4;transform:scale(.8)}}.countdown-bar{height:16px;width:100%;border:1px solid #3983d4;margin-top:10px;overflow:hidden;background:#00000080;position:relative}.countdown-progress{height:100%;background:linear-gradient(90deg,#3983d4,#00d4ff);transition:width .1s linear;box-shadow:0 0 15px #00d4ff}.legend-item{display:flex;justify-content:space-between;margin-bottom:2px;padding:2px 8px;border:1px solid #023788;background:#0000004d;transition:box-shadow .3s ease}.legend-item:hover{box-shadow:0 0 15px #0c397e}.legend-label{display:flex;align-items:center}.legend-icon{width:0px;height:0px;border:1px solid currentColor;margin-right:8px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:0px;font-weight:200}.legend-stats{text-align:right}.legend-percentage{font-weight:700;text-shadow:0 0 5px currentColor}.legend-count{font-size:1em;opacity:.8}@keyframes borderShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h2{font-family:Streamster,cursive;font-size:3.2em;font-weight:400;letter-spacing:3px;color:#ff0080;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:text;text-shadow:2px 2px 5px #000000;margin:0;transform:rotate(-6deg) skew(-8deg)}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}