@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#06070d;--bg-gradient:radial-gradient(circle at 50% -20%, #1e1b4b 0%, #06070d 100%);--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff14;--glass-border-bright:#ffffff26;--accent-cyan:#00f0ff;--accent-purple:#c100ff;--accent-pink:#f09;--accent-green:#0f8;--accent-blue:#08f;--glow-cyan:0 0 20px #00f0ff99, 0 0 40px #00f0ff4d;--glow-purple:0 0 20px #c100ff99, 0 0 40px #c100ff4d;--glow-pink:0 0 20px #f099, 0 0 40px #ff00994d;--glow-intense:0 0 30px #00f0ffcc, 0 0 60px #c100ff80, 0 0 90px #ff00994d;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 12px 32px #0009;--shadow-lg:0 24px 64px #000c;--inset-light:inset 0 1px 1px #ffffff0d;--font-ui:"Outfit", sans-serif;--text-main:#f8fafc;--text-dim:#94a3b8;--text-muted:#64748b;--theme-active:true}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html{font-family:var(--font-ui);color:var(--text-main);background:#000;height:100%;overflow-x:hidden}.viewport{z-index:2;flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;display:flex;position:relative;background:0 0!important}.scroll-area{width:100%;padding:24px 16px 180px}@media (width<=480px){.scroll-area{padding:16px 12px 140px}.bottom-bar{height:60px;bottom:15px;left:15px;right:15px}.player-pill{bottom:75px;left:15px;right:15px}.header{margin-bottom:16px;padding:8px 6px}.master-title{font-size:1.3rem}.bento-grid{gap:10px}.bento-item{border-radius:20px;padding:16px}.btn-pill{padding:12px 18px;font-size:.8rem}.btn-pill.small{padding:10px 14px;font-size:.7rem}}.bento-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.bento-item{border:1px solid var(--glass-border-bright);-webkit-backdrop-filter:blur(30px);box-shadow:var(--shadow-md), var(--inset-light), inset 0 1px 1px #ffffff1a;background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border-radius:28px;padding:20px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.bento-item:after{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #ffffff14 0%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.bento-item:hover:after{opacity:1}.bento-item:hover{border-color:var(--glass-border-bright);box-shadow:var(--shadow-lg), var(--inset-light), inset 0 1px 1px #ffffff26, 0 12px 48px #0006;background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);transform:translateY(-6px)scale(1.02)}.bento-item.full{grid-column:span 2}.bento-item.tall{grid-row:span 1.5}.header{text-align:left;background:linear-gradient(135deg,#00f0ff0d,#c100ff05);border:1px solid #00f0ff1a;border-radius:20px;margin-bottom:24px;padding:12px 8px;box-shadow:0 8px 24px #0003}.top-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.accent-text{letter-spacing:2px;color:var(--accent-cyan);text-transform:uppercase;opacity:.9;text-shadow:0 0 8px #00f0ff4d;font-size:.75rem;font-weight:700}.status-badge{color:var(--accent-green);text-transform:uppercase;background:#00ff881a;border:1px solid #0f83;border-radius:20px;padding:4px 12px;font-size:.6rem;font-weight:800}.master-title{background:linear-gradient(135deg,#fff 0%,#00f0ff 50%,#c100ff 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #00f0ff4d;letter-spacing:-.5px;-webkit-line-clamp:2;-webkit-background-clip:text;background-clip:text;-webkit-box-orient:vertical;font-size:1.6rem;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}#playerSection{border:1.5px solid #00f0ff4d;border-radius:20px;justify-content:center;align-items:flex-end;height:260px;margin-bottom:20px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0006,inset 0 1px 1px #ffffff14,0 8px 30px #00f0ff26}.video-bg{object-fit:cover;filter:brightness(.75)contrast(1.2)saturate(1.3);z-index:1;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.video-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#0009 100%);border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.floating-buttons{z-index:3;flex-direction:column;gap:12px;width:100%;display:flex;position:relative}.glass-btn{text-shadow:0 2px 8px #00000080;transition:all .35s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px)!important;color:#fff!important;background:#14142840!important;border:1.5px solid #fff3!important;padding:16px!important;font-size:.9rem!important;font-weight:700!important}.glass-btn:hover{transform:translateY(-3px);background:#1e1e3259!important;border-color:#00f0ff80!important;box-shadow:0 8px 24px #00f0ff4d,inset 0 1px 1px #ffffff26!important}.glass-btn:active{transform:translateY(-1px)}.viz-container{display:none}.viz-overlay{pointer-events:none;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-pill{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);font-size:.85rem;font-weight:600;font-family:var(--font-ui);cursor:pointer;-webkit-backdrop-filter:blur(20px);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d,inset 0 1px 1px #ffffff14}.btn-pill:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.btn-pill:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 16px 40px #00f0ff40,inset 0 1px 1px #ffffff1a}.btn-pill:hover:before{opacity:1}.btn-pill:active{transform:translateY(-1px)scale(.98);box-shadow:0 4px 12px #00000080,inset 0 1px 1px #ffffff14}.btn-pill.primary{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-blue) 100%);color:#000;text-shadow:0 1px 2px #0003;border:1px solid #fff3;font-weight:700;box-shadow:0 12px 32px #00f0ff4d,inset 0 1px 1px #ffffff4d}.btn-pill.primary:hover{transform:translateY(-6px);box-shadow:0 20px 48px #00f0ff66,inset 0 1px 1px #fff6}.btn-pill.danger{color:var(--accent-pink);border-color:#f096;box-shadow:0 8px 24px #0000004d,inset 0 1px 1px #ffffff14}.btn-pill.danger:hover{border-color:#f099;box-shadow:0 12px 32px #f093,inset 0 1px 1px #ffffff1a}.btn-pill.small{border-radius:14px;padding:12px 16px;font-size:.75rem}.list-container{margin-top:12px}.track-item{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:16px;align-items:center;margin-bottom:8px;padding:16px;transition:all .3s;display:flex}.track-item:hover{background:#ffffff0d;transform:translate(4px)}.track-item.active{color:var(--accent-cyan);background:#00f0ff1a;border-color:#00f0ff4d}.track-icon{margin-right:12px;font-size:1.2rem}.track-info{flex:1;overflow:hidden}.track-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.btn-delete{color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:1.2rem;transition:color .3s}.btn-delete:hover{color:var(--accent-pink)}.sampler-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pad{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;height:70px;padding:10px;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.pad:active{transform:scale(.92)}.pad.active{background:var(--accent-purple);color:#fff;border-color:#ffffff4d;box-shadow:0 0 30px #c100ff80}.fader-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.fader-label{color:var(--text-dim);text-transform:uppercase;font-size:.65rem;font-weight:700}input[type=range]{-webkit-appearance:none;background:0 0;width:100%;height:6px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff0d;border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-main);border:2px solid var(--bg-main);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:transform .2s;box-shadow:0 0 10px #00000080}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.mixer-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.eq-channel{flex-direction:column;align-items:center;gap:12px;display:flex}.slider-vertical{-webkit-appearance:slider-vertical;width:100%;height:120px}.player-pill{-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);z-index:1000;background:#0f111ad9;border-radius:28px;justify-content:space-between;align-items:center;height:60px;padding:12px 20px;animation:.6s cubic-bezier(.23,1,.32,1) slideUp;display:flex;position:fixed;bottom:90px;left:20px;right:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.player-controls{align-items:center;gap:12px;display:flex}.btn-round{border:1px solid var(--glass-border);background:var(--glass-bg);width:44px;height:44px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.btn-round:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan)}.btn-round.play{background:var(--text-main);color:#000;border:none;width:54px;height:54px}.bottom-bar{-webkit-backdrop-filter:blur(20px);z-index:1001;background:#0a0a14d9;border:1.5px solid #00f0ff4d;border-radius:40px;justify-content:space-evenly;align-items:center;gap:4px;height:65px;padding:0 8px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 1px #ffffff14}.nav-tab{color:var(--text-muted);cursor:pointer;letter-spacing:0;background:0 0;border:none;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:50px;max-width:70px;height:50px;padding:4px;font-size:.7rem;font-weight:700;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.nav-tab:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#ffffff0d);border-radius:20px;transition:opacity .35s;position:absolute;inset:0}.nav-tab .icon{font-size:1.8rem;line-height:1;display:block}.nav-tab .label{white-space:nowrap;font-size:.7rem;font-weight:700;display:block}.nav-tab:hover{color:var(--accent-cyan);background:#ffffff14;border:1px solid #ffffff26;transform:translateY(-4px)}.nav-tab.active{color:#fff;background:linear-gradient(135deg,#00f0ff33 0%,#00c8d21a 100%);border:1.5px solid #00f0ff99;font-weight:800;box-shadow:0 0 20px #00f0ff4d,inset 0 1px 2px #ffffff1a}@media (width<=480px){.nav-tab .label{display:none}.nav-tab{flex-direction:column;gap:0;min-width:45px;max-width:55px}}@media (width>=481px){.nav-tab{flex-direction:column;gap:2px}}.nav-tab[data-tab=library].active{color:var(--accent-cyan);border-color:#00f0ff99}.nav-tab[data-tab=websearch].active{color:#ff6496;background:linear-gradient(135deg,#ff649633 0%,#ff64960d 100%);border-color:#ff649699;box-shadow:0 0 20px #ff64964d,inset 0 1px 2px #ffffff1a}.nav-tab[data-tab=cloud].active{color:#64c8ff;background:linear-gradient(135deg,#64c8ff33 0%,#64c8ff0d 100%);border-color:#64c8ff99;box-shadow:0 0 20px #64c8ff4d,inset 0 1px 2px #ffffff1a}.nav-tab[data-tab=sampler].active{color:#c864ff;background:linear-gradient(135deg,#c864ff33 0%,#c864ff0d 100%);border-color:#c864ff99;box-shadow:0 0 20px #c864ff4d,inset 0 1px 2px #ffffff1a}.nav-tab[data-tab=fxmic].active{color:#ffc864;background:linear-gradient(135deg,#ffc86433 0%,#ffc8640d 100%);border-color:#ffc86499;box-shadow:0 0 20px #ffc8644d,inset 0 1px 2px #ffffff1a}.nav-tab[data-tab=mixer].active{color:#64ff96;background:linear-gradient(135deg,#64ff9633 0%,#64ff960d 100%);border-color:#64ff9699;box-shadow:0 0 20px #64ff964d,inset 0 1px 2px #ffffff1a}.hidden{display:none!important}.tab-pane{display:none}.tab-pane.active{animation:.4s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.8rem;font-weight:500}#bpmDisplay{color:var(--accent-cyan);text-shadow:0 0 10px #00f0ff99,0 0 20px #00f0ff4d,0 2px 4px #0000004d;letter-spacing:2px;font-family:Courier New,monospace;font-size:1.6rem;font-weight:800;animation:.6s cubic-bezier(.68,-.55,.265,1.55) infinite bpmPulseProf}#harmonicDisplay{color:var(--accent-purple);text-shadow:0 0 10px #c100ff99,0 0 20px #c100ff4d,0 2px 4px #0000004d;letter-spacing:2px;font-family:Courier New,monospace;font-size:1.6rem;font-weight:800;animation:1s ease-in-out infinite harmonicGlowProf}#neon8kBtn{letter-spacing:.5px;background:linear-gradient(135deg,#00f0ff26 0%,#00c8d20d 100%);font-weight:700;position:relative;overflow:visible;color:var(--accent-cyan)!important;border:2px solid #00f0ff80!important;box-shadow:0 12px 32px #00f0ff33,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0000004d!important}#neon8kBtn:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-cyan) 50%, transparent 100%);opacity:0;height:2px;transition:opacity .3s;position:absolute;bottom:-2px;left:0;right:0}#neon8kBtn:hover{background:linear-gradient(135deg,#00f0ff40 0%,#00c8d21a 100%);border-color:#00f0ffcc!important;transform:translateY(-6px)!important;box-shadow:0 20px 50px #00f0ff59,inset 0 1px 2px #fff3,inset 0 -1px 2px #0003!important}#neon8kBtn:hover:after{opacity:1}#neon8kBtn.active{animation:.4s cubic-bezier(.34,1.56,.64,1) neon8kActivePulse;box-shadow:0 20px 60px #00f0ff80,0 0 30px #c100ff4d,inset 0 1px 2px #fff3!important}@keyframes neon8kActivePulse{0%{transform:scale(.95)translateY(-4px)}to{transform:scale(1)translateY(-6px)}}#recordBtn{letter-spacing:.5px;background:linear-gradient(135deg,#ff00991f 0%,#ff64b40a 100%);font-weight:700;animation:2.5s ease-in-out infinite recordPulseProfessional;color:var(--accent-pink)!important;border:2px solid #ff009980!important;box-shadow:0 12px 32px #ff009926,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0000004d!important}@keyframes recordPulseProfessional{0%,to{transform:scale(1);box-shadow:0 12px 32px #ff009926,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0000004d}50%{transform:scale(1.02);box-shadow:0 16px 40px #ff009940,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0000004d}}#recordBtn:hover{background:linear-gradient(135deg,#ff00992e 0%,#ff64b414 100%);animation:none;border-color:#f09c!important;transform:translateY(-6px)scale(1.02)!important;box-shadow:0 20px 50px #ff00994d,inset 0 1px 2px #fff3,inset 0 -1px 2px #0003!important}#shareBtn{letter-spacing:.5px;background:linear-gradient(135deg,#00f0ff1a 0%,#00c8d208 100%);font-weight:700;color:var(--accent-cyan)!important;border:2px solid #00f0ff66!important;box-shadow:0 12px 32px #00f0ff1f,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0000004d!important}#shareBtn:hover{background:linear-gradient(135deg,#00f0ff2e 0%,#00c8d214 100%);border-color:#00f0ffb3!important;transform:translateY(-6px)!important;box-shadow:0 20px 50px #00f0ff40,inset 0 1px 2px #fff3,inset 0 -1px 2px #0003!important}#offlineBtn{letter-spacing:.5px;background:linear-gradient(135deg,#00ff881a 0%,#00c86408 100%);font-weight:700;color:var(--accent-green)!important;border:2px solid #0f86!important;box-shadow:0 12px 32px #00ff881f,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0000004d!important}#offlineBtn:hover{background:linear-gradient(135deg,#00ff882e 0%,#00c86414 100%);border-color:#00ff88b3!important;transform:translateY(-6px)!important;box-shadow:0 20px 50px #00ff8840,inset 0 1px 2px #fff3,inset 0 -1px 2px #0003!important}#progressCanvas{border:1px solid #00f0ff33;border-radius:16px;box-shadow:inset 0 0 20px #0009,inset 0 1px 1px #ffffff1a,0 8px 24px #00f0ff26;background:linear-gradient(#00f0ff26 0%,#c100ff14 50%,#0000004d 100%)!important}#progressCanvas:hover{border-color:#00f0ff66;box-shadow:inset 0 0 20px #0009,inset 0 1px 1px #ffffff26,0 12px 40px #00f0ff40!important}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp}.neon-enhanced #neon8kBtn{box-shadow:0 0 20px #00f0ffcc,0 0 40px #c100ff80,inset 0 0 20px #00f0ff33!important}.neon-enhanced #recordBtn{box-shadow:0 0 20px #f09c,0 0 40px #ff009980!important}.neon-enhanced #shareBtn{box-shadow:0 0 15px #00f0ffb3,0 0 30px #00f0ff66!important}.neon-enhanced #offlineBtn{box-shadow:0 0 15px #00ff88b3,0 0 30px #0f86!important}.neon-enhanced #bpmDisplay{animation:.5s cubic-bezier(.68,-.55,.265,1.55) infinite bpmPulseNeon}@keyframes bpmPulseNeon{0%,to{text-shadow:0 0 15px var(--accent-cyan), 0 0 30px #00f0ff99, 0 0 50px #c100ff4d;transform:scale(1)}50%{text-shadow:0 0 30px var(--accent-cyan), 0 0 60px #00f0ffcc, 0 0 100px #c100ff80;transform:scale(1.2)}}.neon-enhanced #harmonicDisplay{animation:1s ease-in-out infinite harmonicGlowNeon}@keyframes harmonicGlowNeon{0%,to{text-shadow:0 0 15px var(--accent-purple), 0 0 30px #c100ff99;transform:scale(1)}50%{text-shadow:0 0 30px var(--accent-purple), 0 0 60px #c100ffcc, 0 0 100px #f096;filter:brightness(1.3);transform:scale(1.15)}}.low-power-mode #bpmDisplay,.low-power-mode #harmonicDisplay,.low-power-mode #recordBtn,.low-power-mode #neon8kBtn{animation:none!important}.low-power-mode #bpmDisplay,.low-power-mode #harmonicDisplay{text-shadow:none}.low-power-mode #recordBtn,.low-power-mode #neon8kBtn,.low-power-mode #shareBtn,.low-power-mode #offlineBtn{box-shadow:none!important}.neon-enhanced.low-power-mode #neon8kBtn,.neon-enhanced.low-power-mode #recordBtn{box-shadow:0 0 8px #00f0ff4d!important}.neon-enhanced{background:linear-gradient(135deg, #00f0ff05 0%, #c100ff05 50%, #ff009903 100%), var(--bg-gradient)}.neon-enhanced .viewport{position:relative;overflow:hidden}.neon-enhanced .viewport:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#00f0ff14 0%,#c100ff0a 30%,#0000 70%);width:100%;height:100%;animation:3s ease-in-out infinite neon8kGlobal;position:fixed;top:0;left:0}@keyframes neon8kGlobal{0%,to{opacity:.4}50%{opacity:.7}}.neon-enhanced #viz{filter:saturate(1.5)brightness(1.15)contrast(1.2)hue-rotate(-5deg)}.neon-enhanced .bento-item{border-color:#00ffff80!important}.neon-enhanced .header{text-shadow:0 0 15px #00f0ff66}.neon-enhanced .master-title{text-shadow:0 0 20px #00f0ff99,0 0 40px #c100ff66;animation:2s ease-in-out infinite neonTitleGlow}@keyframes neonTitleGlow{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.neon-enhanced .accent-text{text-shadow:0 0 12px #00f0ff80;color:var(--accent-cyan)}.neon-enhanced .btn-pill.primary{border-color:#c100ff80!important;box-shadow:0 0 20px #c100ff99,0 0 40px #c100ff4d!important}.neon-enhanced .btn-pill:hover{transform:translateY(-2px)!important;box-shadow:0 0 30px #00f0ffb3,inset 0 0 10px #00f0ff33!important}.mini-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:280px;box-shadow:var(--shadow-lg);z-index:999;background:#0f111af2;border-radius:24px;padding:16px;animation:.4s cubic-bezier(.23,1,.32,1) slideInRight;position:fixed;bottom:80px;right:20px}@keyframes slideInRight{0%{opacity:0;transform:translate(320px)}to{opacity:1;transform:translate(0)}}.mini-player-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mini-player-title{color:var(--accent-cyan);text-transform:uppercase;font-size:.75rem;font-weight:700}.mini-waveform{width:100%;height:40px;color:var(--text-muted);background:#00f0ff0d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;font-size:.7rem;display:flex}.mini-controls{gap:8px;display:flex}.mini-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main);cursor:pointer;border-radius:12px;flex:1;padding:8px;font-size:.85rem;transition:all .2s}.mini-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan)}.btn-8k{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#000;cursor:pointer;width:60px;height:60px;box-shadow:var(--glow-intense);z-index:998;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:350px;right:20px}.btn-8k:hover{transform:scale(1.1);box-shadow:0 0 50px #00f0ffcc,0 0 100px #c100ff99}.btn-8k.active{animation:2s ease-in-out infinite bassExplosion}.global-video-bg{object-fit:cover;object-position:center;z-index:0;filter:brightness(.6)contrast(1.1);width:100vw;height:100vh;position:fixed;top:0;left:0;transform:translate(0,0)}.global-video-overlay{z-index:1;pointer-events:none;background:radial-gradient(circle,#06070d4d 0%,#06070dd9 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.global-controls-row{z-index:100;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.theme-wrapper{flex:1;max-width:140px}.compact-select{color:#fff;cursor:pointer;width:100%;font-family:var(--font-ui);-webkit-backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:6px 10px;font-size:.7rem;font-weight:600}.control-actions{gap:6px;display:flex}.micro-btn{-webkit-backdrop-filter:blur(10px);letter-spacing:.5px;box-shadow:none!important;background:#0006!important;border:1px solid #ffffff1a!important;border-radius:6px!important;margin:0!important;padding:6px 12px!important;font-size:.65rem!important}.glow-cyan{color:var(--accent-cyan);border-color:#00f0ff4d!important}.glow-pink{color:var(--accent-pink);border-color:#ff00994d!important}.glow-green{color:var(--accent-green);border-color:#00ff884d!important}.minimal-header{-webkit-backdrop-filter:blur(15px);background:#14141e66;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:16px;padding:12px 15px}.compact-title{-webkit-line-clamp:1!important;font-size:1.15rem!important;line-height:1.2!important}.viz-container{background:#ffffff05!important;border:1px solid #ffffff0d!important;height:160px!important;box-shadow:inset 0 0 20px #00000080!important}