body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;touch-action:none}*{box-sizing:border-box}canvas{display:block}@media (max-width:768px){.controls{left:10px;right:10px;top:10px;width:auto}.control-panel{padding:15px}.control-btn{font-size:12px;padding:12px 20px}}.controls{color:#fff;font-family:Courier New,monospace;left:20px;position:fixed;top:20px;z-index:100}.control-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#00ffff1a,#ff00801a);border:2px solid #00ffff4d;border-radius:15px;box-shadow:0 0 30px #0ff3;padding:25px}.control-btn{background:linear-gradient(45deg,#0ff,#ff0080);border:none;border-radius:30px;box-shadow:0 0 20px #00ffff4d;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease;width:100%}.control-btn:hover{background:linear-gradient(45deg,#ff0080,#8000ff);box-shadow:0 8px 25px #00ffff80;transform:translateY(-3px)}.control-btn.stop{background:linear-gradient(45deg,#ff0080,#f44);box-shadow:0 0 20px #ff00804d}.control-btn.stop:hover{box-shadow:0 8px 25px #ff008080}.vibe-info h3{color:#0ff;font-size:16px;letter-spacing:2px;margin:0 0 15px;opacity:.9;text-shadow:0 0 10px #00ffff80;text-transform:uppercase}.color-palette{display:flex;gap:8px;justify-content:center;margin-bottom:15px}.color-swatch{border:2px solid #ffffff80;border-radius:50%;box-shadow:0 0 10px #fff3;cursor:pointer;height:25px;transition:all .3s ease;width:25px}.color-swatch:hover{box-shadow:0 0 20px #ffffff80;transform:scale(1.2)}.vibe-stats{display:flex;flex-direction:column;font-size:12px;gap:8px;opacity:.8}.vibe-stats span{background:linear-gradient(90deg,#0ff3,#ff008033);border:1px solid #00ffff4d;border-radius:8px;padding:6px 12px;text-align:center}.audio-levels{border-bottom:2px solid #ff00804d;border-top:2px solid #00ffff4d;margin:20px 0;padding:15px 0}.level-bar{align-items:center;display:flex;gap:12px;margin-bottom:10px}.level-bar span{font-size:11px;font-weight:700;letter-spacing:1px;opacity:.9;text-transform:uppercase;width:60px}.level-indicator{background:#00000080;border:1px solid #fff3;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.level-fill{border-radius:5px;box-shadow:0 0 10px currentColor;height:100%;transition:width .1s ease}.level-fill.bass{background:linear-gradient(90deg,#ff0080,#f44)}.level-fill.mid{background:linear-gradient(90deg,#ff0,#f80)}.level-fill.treble{background:linear-gradient(90deg,#0ff,#08f)}.simple-spectrum-display{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(0deg,#0006,#0000);border-top:1px solid #0ff3;bottom:0;height:120px;left:0;padding:10px;pointer-events:none;position:fixed;z-index:50}.simple-spectrum-display,.spectrum-bars{align-items:flex-end;display:flex;width:100%}.spectrum-bars{gap:2px;height:100%;justify-content:center;margin:0 auto;max-width:800px}.spectrum-bar{border-radius:2px 2px 0 0;flex:1 1;min-height:2px;opacity:.9;transition:height .1s ease,box-shadow .1s ease}.App{overflow:hidden;position:relative;width:100vw}.App,.loading{background:radial-gradient(ellipse at center,#1a0033 0,#0a0a0f 100%);height:100vh}.loading{align-items:center;color:#0ff;display:flex;flex-direction:column;font-family:Courier New,monospace;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0ff3;border-radius:50%;border-top-color:#0ff;box-shadow:0 0 30px #00ffff4d;height:60px;margin-bottom:25px;width:60px}.loading p{font-size:18px;letter-spacing:3px;text-shadow:0 0 20px #00ffff80;text-transform:uppercase}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}canvas{display:block!important}
/*# sourceMappingURL=main.5159a404.css.map*/