:root{--glass-bg:#ffffff1f;--glass-border:#ffffff26;--accent-glow:#00f2ff80}body,html{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}#visualizer{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}#barVisualizer{z-index:5;opacity:.8;pointer-events:none;width:100%;height:80px;position:fixed;bottom:0;left:0}#ui-overlay{z-index:100;background:radial-gradient(circle,#0000 0%,#000c 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s;display:flex;position:fixed;top:0;left:0}#ui-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}#startButton{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;padding:20px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;box-shadow:0 0 30px #00000080}#startButton:hover{background:#ffffff1a;transform:scale(1.05);box-shadow:0 0 40px #ffffff1a}#startButton svg{fill:#fff;width:32px;height:32px;margin-left:4px}#settingsButton{opacity:0;pointer-events:none;background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:fixed;top:30px;left:30px}#settingsButton.visible{opacity:1;pointer-events:auto}#settingsButton:active{transform:rotate(45deg)scale(.9)}#settingsButton svg{fill:#fff;width:20px;height:20px}#closeButton{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;z-index:1000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:fixed;top:30px;right:30px}#closeButton.visible{opacity:1;pointer-events:auto}#closeButton:active{transform:scale(.9)}#closeButton svg{fill:#fff;width:20px;height:20px}.controls{z-index:10;-webkit-backdrop-filter:blur(30px)saturate(200%);opacity:0;pointer-events:none;background:#0f0f0fd9;border:1px solid #ffffff26;border-radius:32px;flex-direction:column;align-items:center;gap:12px;width:90%;max-width:400px;max-height:80vh;padding:40px 20px 20px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:40px;left:50%;overflow-y:auto;transform:translate(-50%)translateY(20px);box-shadow:0 10px 40px #0006}.controls.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.controls::-webkit-scrollbar{width:4px}.controls::-webkit-scrollbar-track{background:0 0}.controls::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.settings-close{color:#ffffff80;cursor:pointer;z-index:11;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.settings-close:hover{color:#ff6464;background:#ff64641a}.settings-close svg{fill:currentColor;width:14px;height:14px}.slider-group{flex-direction:column;gap:15px;width:100%;display:flex}.slider-row{grid-template-columns:1fr 1fr;gap:15px;width:100%;display:grid}.slider-item{flex-direction:column;gap:8px;width:100%;display:flex}.slider-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7;justify-content:space-between;font-size:9px;font-weight:600;display:flex}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000080}.speed-selector{gap:4px;width:100%;display:flex}.btn-speed{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:6px 0;font-size:8px;font-weight:600;transition:all .2s}.btn-speed.active{color:#00f2ff;background:#00f2ff26;border-color:#00f2ff66}.mode-section{flex-direction:column;gap:8px;width:100%;display:flex}.mode-selector{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.btn-mode{color:#fff9;cursor:pointer;text-transform:uppercase;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 0;font-size:8px;font-weight:600;transition:all .2s}.btn-mode:hover{color:#fff;background:#ffffff1a}.btn-mode.active{color:#00f2ff;background:#00f2ff26;border-color:#00f2ff66;box-shadow:0 0 10px #00f2ff1a}.eq-controls{border-top:1px solid #ffffff0d;gap:10px;width:100%;padding-top:15px;display:flex}.preset-controls{border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:12px;width:100%;padding-top:15px;display:flex}.preset-buttons{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.btn-preset,.btn-reset,.btn-flight{color:#ffffffe6;letter-spacing:.05em;cursor:pointer;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:9px;font-weight:500;transition:all .2s;display:flex}.btn-flight svg{fill:currentColor;width:12px;height:12px}.btn-preset:hover,.btn-reset:hover,.btn-flight:hover{color:#fff;background:#ffffff26}.btn-preset:active,.btn-reset:active,.btn-flight:active{transform:scale(.95)}.btn-preset.active,.btn-flight.active{color:#00f2ff;background:#00f2ff33;border-color:#00f2ff80;box-shadow:0 0 15px #00f2ff33}.btn-reset{color:#ff6464e6;border-color:#ff64644d}.btn-reset:hover{color:#ff9696;background:#ff646426}#splash-screen{z-index:2000;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s;display:flex;position:fixed;top:0;left:0}#splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-logo{width:120px;height:120px;margin-bottom:20px;animation:2s ease-in-out infinite splash-pulse}@keyframes splash-pulse{0%,to{opacity:.8;filter:drop-shadow(0 0 10px #00f2ff33);transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 30px #00f2ff80);transform:scale(1.05)}}.splash-text{letter-spacing:.5em;text-transform:uppercase;color:#fff;opacity:0;font-size:18px;font-weight:300;animation:1.5s .5s forwards fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.splash-subtext{letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:0;margin-top:10px;font-size:10px;font-weight:300;animation:1.5s 1s forwards fade-in}.brand-container{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;animation:2s forwards fade-in;display:flex}.overlay-logo{filter:drop-shadow(0 0 20px #ffffff1a);width:80px;height:80px;margin-bottom:24px}.overlay-title{letter-spacing:.6em;text-transform:uppercase;color:#fff;margin:0 0 12px;padding-left:.6em;font-size:28px;font-weight:200}.overlay-slogan{letter-spacing:.3em;text-transform:uppercase;color:#fff9;margin:0;font-size:10px;font-weight:300}#speedControlItem{display:none}#speedControlItem.visible{display:flex}@media (width>=481px){.mode-selector{grid-template-columns:repeat(5,1fr)}}@media (width<=480px){.mode-selector{grid-template-columns:repeat(3,1fr)}}