@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap";._retroHeader_f51zk_2{position:relative;height:140px;margin-bottom:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}._retroSun_f51zk_12{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(180deg,#ff006e,#ff6b35,#ffbe0b);border-radius:50%;opacity:.3;box-shadow:0 0 40px #ff006e99,0 0 80px #ff6b3566,0 0 120px #ffbe0b33,inset 0 0 30px #ff006ecc}._retroGrid_f51zk_29{position:absolute;bottom:0;left:0;right:0;height:100px;background-image:linear-gradient(0deg,transparent 24%,rgba(6,182,212,.3) 25%,rgba(6,182,212,.3) 26%,transparent 27%,transparent 74%,rgba(6,182,212,.3) 75%,rgba(6,182,212,.3) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(6,182,212,.3) 25%,rgba(6,182,212,.3) 26%,transparent 27%,transparent 74%,rgba(6,182,212,.3) 75%,rgba(6,182,212,.3) 76%,transparent 77%,transparent);background-size:50px 50px;background-position:0 0;transform:perspective(500px) rotateX(60deg);transform-origin:bottom}._retroTitle_f51zk_44{position:relative;z-index:2;text-align:center}._retroTitleText_f51zk_50{font-family:Orbitron,monospace;font-weight:900;font-size:3.5rem;text-transform:uppercase;letter-spacing:8px;position:relative;background:linear-gradient(180deg,#ff4d94,#a855f7,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.3);filter:drop-shadow(0 0 30px rgba(255,77,148,1)) drop-shadow(0 0 50px rgba(168,85,247,.8)) drop-shadow(0 0 70px rgba(34,211,238,.6));animation:_titleGlow_f51zk_1 3s ease-in-out infinite}._retroTitleText_f51zk_50:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;background:linear-gradient(180deg,#ff4d94,#a855f7cc,#22d3ee99);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(15px)}@keyframes _titleGlow_f51zk_1{0%,to{filter:drop-shadow(0 0 30px rgba(255,77,148,1)) drop-shadow(0 0 50px rgba(168,85,247,.8)) drop-shadow(0 0 70px rgba(34,211,238,.6))}50%{filter:drop-shadow(0 0 35px rgba(255,77,148,1)) drop-shadow(0 0 55px rgba(168,85,247,.85)) drop-shadow(0 0 75px rgba(34,211,238,.65))}}._retroSubtitle_f51zk_94{font-family:Orbitron,monospace;font-weight:700;font-size:.9rem;letter-spacing:6px;margin-top:8px;color:#22d3ee;text-shadow:0 0 15px rgba(34,211,238,1),0 0 30px rgba(34,211,238,.8),0 0 45px rgba(34,211,238,.5);animation:_subtitleFlicker_f51zk_1 5s linear infinite}@keyframes _subtitleFlicker_f51zk_1{0%,to{opacity:1}97%,99%{opacity:.9}98%{opacity:1}}._scanLine_f51zk_120{display:none}@media(max-width:768px){._retroHeader_f51zk_2{height:100px}._retroTitleText_f51zk_50{font-size:2.5rem;letter-spacing:4px}._retroSubtitle_f51zk_94{font-size:.7rem;letter-spacing:4px}._retroSun_f51zk_12{width:80px;height:80px}}.themeSwitcher[data-astro-cid-dz5h74bc]{position:fixed;top:20px;right:20px;z-index:1000}.themeSwitcherButton[data-astro-cid-dz5h74bc]{background:var(--color-button-bg, rgba(255, 0, 255, .1));border:2px solid var(--color-primary, #ff00ff);color:var(--color-text, #ffffff);padding:10px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-family);font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 0 10px var(--color-glow, #ff00ff)}.themeSwitcherButton[data-astro-cid-dz5h74bc]:hover{background:var(--color-button-hover, rgba(255, 0, 255, .3));box-shadow:0 0 20px var(--color-glow, #ff00ff);transform:translateY(-2px)}.themeIcon[data-astro-cid-dz5h74bc]{font-size:20px}.themeLabel[data-astro-cid-dz5h74bc]{display:none}@media(min-width:768px){.themeLabel[data-astro-cid-dz5h74bc]{display:inline}}.themeSwitcherDropdown[data-astro-cid-dz5h74bc]{position:absolute;top:calc(100% + 10px);right:0;background:var(--color-background, #0a0a1f);border:2px solid var(--color-primary, #ff00ff);border-radius:12px;padding:16px;min-width:280px;max-width:320px;box-shadow:0 0 30px var(--color-glow, #ff00ff);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;max-height:70vh;overflow-y:auto}.themeSwitcherDropdown[data-astro-cid-dz5h74bc].show{opacity:1;visibility:visible;transform:translateY(0)}.themeSwitcherHeader[data-astro-cid-dz5h74bc]{color:var(--color-primary, #ff00ff);font-size:18px;font-weight:700;margin-bottom:12px;text-align:center;font-family:var(--font-family)}.themeSwitcherList[data-astro-cid-dz5h74bc]{display:flex;flex-direction:column;gap:8px}.themeOption[data-astro-cid-dz5h74bc]{background:var(--color-button-bg, rgba(255, 0, 255, .05));border:2px solid var(--color-secondary, #00ffff);color:var(--color-text, #ffffff);padding:12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:var(--font-family);text-align:left}.themeOption[data-astro-cid-dz5h74bc]:hover{background:var(--color-button-hover, rgba(255, 0, 255, .2));box-shadow:0 0 15px var(--color-glow, #ff00ff);transform:translate(4px)}.themeOption[data-astro-cid-dz5h74bc].active{background:var(--color-primary, #ff00ff);color:var(--color-background, #0a0a1f);border-color:var(--color-primary, #ff00ff);box-shadow:0 0 20px var(--color-glow, #ff00ff)}.themeName[data-astro-cid-dz5h74bc]{font-size:16px;font-weight:600;display:block;margin-bottom:4px}.themeDescription[data-astro-cid-dz5h74bc]{font-size:12px;opacity:.8;display:block}.themeSwitcherDropdown[data-astro-cid-dz5h74bc]::-webkit-scrollbar{width:8px}.themeSwitcherDropdown[data-astro-cid-dz5h74bc]::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.themeSwitcherDropdown[data-astro-cid-dz5h74bc]::-webkit-scrollbar-thumb{background:var(--color-primary, #ff00ff);border-radius:4px}.themeSwitcherDropdown[data-astro-cid-dz5h74bc]::-webkit-scrollbar-thumb:hover{background:var(--color-secondary, #00ffff)}:root{--color-primary: #ff00ff;--color-secondary: #00ffff;--color-accent: #ffff00;--color-background: #0a0a1f;--color-text: #ffffff;--color-button-bg: rgba(255, 0, 255, .1);--color-button-hover: rgba(255, 0, 255, .3);--color-glow: #ff00ff;--background-gradient: linear-gradient(135deg, #0a0a1f 0%, #2d1b3d 100%);--font-family: "Rajdhani", sans-serif}*{box-sizing:border-box}body{background:var(--background-gradient);background-attachment:fixed;margin:0;padding:0;font-family:var(--font-family);color:var(--color-text);position:relative;overflow-x:hidden;transition:background .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(var(--color-primary-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-secondary-rgb),.05) 1px,transparent 1px);background-size:50px 50px;z-index:0;pointer-events:none}.header{background:linear-gradient(180deg,#0d0221,#190335 90%);position:sticky;top:0;z-index:100;padding:0 20px 15px;margin:0;border-bottom:2px solid var(--color-primary);box-shadow:0 5px 20px rgba(var(--color-primary-rgb),.2);width:100%}.retroHeader{position:relative;height:140px;margin-bottom:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.retroSun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(180deg,#ff006e,#ff6b35,#ffbe0b);border-radius:50%;opacity:.3;box-shadow:0 0 40px #ff006e99,0 0 80px #ff6b3566,0 0 120px #ffbe0b33,inset 0 0 30px #ff006ecc}.retroGrid{position:absolute;bottom:0;left:0;right:0;height:100px;background-image:linear-gradient(0deg,transparent 24%,rgba(var(--color-secondary-rgb),.3) 25%,rgba(var(--color-secondary-rgb),.3) 26%,transparent 27%,transparent 74%,rgba(var(--color-secondary-rgb),.3) 75%,rgba(var(--color-secondary-rgb),.3) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(var(--color-secondary-rgb),.3) 25%,rgba(var(--color-secondary-rgb),.3) 26%,transparent 27%,transparent 74%,rgba(var(--color-secondary-rgb),.3) 75%,rgba(var(--color-secondary-rgb),.3) 76%,transparent 77%,transparent);background-size:50px 50px;background-position:0 0;transform:perspective(500px) rotateX(60deg);transform-origin:bottom}.retroTitle{position:relative;z-index:2;text-align:center}.retroTitleText{font-family:Orbitron,monospace;font-weight:900;font-size:3.5rem;text-transform:uppercase;letter-spacing:8px;position:relative;background:linear-gradient(180deg,#ff4d94,#a855f7,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.3);filter:drop-shadow(0 0 30px rgba(255,77,148,1)) drop-shadow(0 0 50px rgba(var(--color-primary-rgb),.8)) drop-shadow(0 0 70px rgba(34,211,238,.6));animation:titleGlow 3s ease-in-out infinite}.retroTitleText:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;background:linear-gradient(180deg,#ff4d94,rgba(var(--color-primary-rgb),.8),#22d3ee99);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(15px)}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 30px rgba(255,77,148,1)) drop-shadow(0 0 50px rgba(var(--color-primary-rgb),.8)) drop-shadow(0 0 70px rgba(34,211,238,.6))}50%{filter:drop-shadow(0 0 35px rgba(255,77,148,1)) drop-shadow(0 0 55px rgba(var(--color-primary-rgb),.85)) drop-shadow(0 0 75px rgba(34,211,238,.65))}}.retroSubtitle{font-family:Orbitron,monospace;font-weight:700;font-size:.9rem;letter-spacing:6px;margin-top:8px;color:#22d3ee;text-shadow:0 0 15px rgba(34,211,238,1),0 0 30px rgba(34,211,238,.8),0 0 45px rgba(34,211,238,.5);animation:subtitleFlicker 5s linear infinite}@keyframes subtitleFlicker{0%,to{opacity:1}97%,99%{opacity:.9}98%{opacity:1}}.scanLine{display:none}.soundwave{display:flex;align-items:flex-end;gap:3px;height:32px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;margin-left:8px}.soundwave.playing{opacity:1;visibility:visible}.soundwaveBar{width:3px;height:100%;background:linear-gradient(180deg,#f472b6,#ec4899,#be185d);border-radius:2px;transform-origin:bottom;box-shadow:0 0 6px #f472b699}.soundwaveBar:nth-child(1){animation:soundwavePulse .6s ease-in-out infinite;animation-delay:0s}.soundwaveBar:nth-child(2){animation:soundwavePulse .7s ease-in-out infinite;animation-delay:.1s}.soundwaveBar:nth-child(3){animation:soundwavePulse .5s ease-in-out infinite;animation-delay:.2s}.soundwaveBar:nth-child(4){animation:soundwavePulse .8s ease-in-out infinite;animation-delay:.3s}.soundwaveBar:nth-child(5){animation:soundwavePulse .6s ease-in-out infinite;animation-delay:.4s}.soundwaveBar:nth-child(6){animation:soundwavePulse .7s ease-in-out infinite;animation-delay:.5s}.soundwaveBar:nth-child(7){animation:soundwavePulse .5s ease-in-out infinite;animation-delay:.6s}.soundwaveBar:nth-child(8){animation:soundwavePulse .8s ease-in-out infinite;animation-delay:.7s}.soundwaveBar:nth-child(9){animation:soundwavePulse .6s ease-in-out infinite;animation-delay:.8s}.soundwaveBar:nth-child(10){animation:soundwavePulse .7s ease-in-out infinite;animation-delay:.9s}@keyframes soundwavePulse{0%,to{transform:scaleY(.3);opacity:.6}50%{transform:scaleY(1);opacity:1}}@media(max-width:768px){.retroHeader{height:100px}.retroTitleText{font-size:2.5rem;letter-spacing:4px}.retroSubtitle{font-size:.7rem;letter-spacing:4px}.retroSun{width:80px;height:80px}.overlayTitle{font-size:48px;letter-spacing:4px}.overlaySubtitle{font-size:14px;letter-spacing:2px}.overlaySun{width:200px;height:200px}.nicknameContainer{padding:30px 25px;width:90%;max-width:400px}.nicknameInput{width:100%;font-size:16px}.overlayButton{width:90%;max-width:320px;font-size:20px}}.controls{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;max-width:800px;margin:0 auto 12px}.volumeContainer{display:flex;align-items:center;gap:10px;background:#19033599;border:2px solid #6366f1;border-radius:4px;padding:8px 15px;transition:all .3s ease}.volumeContainer:hover{border-color:var(--color-primary);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.4)}.volumeIcon{font-size:20px;cursor:pointer;user-select:none;transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(var(--color-primary-rgb),.5))}.volumeIcon:hover{transform:scale(1.2);filter:drop-shadow(0 0 10px rgba(var(--color-primary-rgb),.8))}.volumeSlider{width:100px;height:6px;background:linear-gradient(90deg,#475569,#6366f1,#a855f7);border-radius:3px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.volumeSlider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:linear-gradient(145deg,#a855f7,#c084fc);border:2px solid #e9d5ff;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.6)}.volumeSlider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.8)}.volumeSlider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(145deg,#a855f7,#c084fc);border:2px solid #e9d5ff;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.6)}.volumeSlider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.8)}.sortSelect{font-family:Orbitron,monospace;font-size:13px;font-weight:700;background:#190335cc;color:var(--color-secondary);border:2px solid #6366f1;border-radius:4px;padding:8px 30px 8px 12px;outline:none;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2306b6d4' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;box-shadow:0 0 8px #6366f14d,inset 0 0 8px rgba(var(--color-secondary-rgb),.1)}.sortSelect:hover{border-color:var(--color-primary);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.5),inset 0 0 12px rgba(var(--color-primary-rgb),.15)}.sortSelect:focus{border-color:var(--color-secondary);box-shadow:0 0 15px rgba(var(--color-secondary-rgb),.5),0 0 25px #6366f14d,inset 0 0 12px rgba(var(--color-secondary-rgb),.15)}.categoryFilters{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;max-width:800px;margin:0 auto;padding:8px}.categoryFilter{background:#19033599;color:#94a3b8;border:2px solid #475569;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 8px #4755694d;min-width:auto;height:auto;text-transform:uppercase;font-family:Orbitron,monospace}.categoryFilter:hover{border-color:var(--filter-color, #a855f7);color:var(--filter-color, #c084fc);transform:translateY(-2px);box-shadow:0 0 15px var(--filter-color, rgba(var(--color-primary-rgb), .5))}.categoryFilter.active{background:linear-gradient(145deg,#3b0764,#581c87);border-color:var(--filter-color, #a855f7);color:var(--filter-color, #c084fc);box-shadow:0 0 15px var(--filter-color, rgba(var(--color-primary-rgb), .6))}.categoryFilter[data-category=all]{--filter-color: #a855f7}.searchContainer{flex:1;min-width:300px;max-width:500px}.search{width:100%;padding:15px 20px;font-family:Orbitron,monospace;font-size:16px;font-weight:600;background:#190335cc;color:var(--color-secondary);border:2px solid #6366f1;border-radius:4px;outline:none;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 8px #6366f14d,inset 0 0 8px rgba(var(--color-secondary-rgb),.1);transition:all .3s ease}.search::placeholder{color:rgba(var(--color-secondary-rgb),.4)}.search:focus{border-color:var(--color-secondary);box-shadow:0 0 15px rgba(var(--color-secondary-rgb),.5),0 0 25px #6366f14d,inset 0 0 12px rgba(var(--color-secondary-rgb),.15)}.wrap{width:100%;max-width:100vw;min-height:100vh;display:flex;flex-direction:column;margin:0;position:relative;z-index:1}.inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:20px;padding:20px;width:100%;flex:1;overflow-y:auto}.button{background:linear-gradient(145deg,#190335,#240046);cursor:pointer;color:#94a3b8;border:2px solid #6366f1;border-radius:4px;font-size:16px;font-family:Orbitron,monospace;font-weight:700;width:200px;height:70px;overflow:hidden;text-transform:uppercase;letter-spacing:1px;position:relative;transition:all .3s ease;box-shadow:0 0 8px #6366f166,0 0 15px #6366f133,inset 0 0 10px rgba(var(--color-secondary-rgb),.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 12px}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-secondary-rgb),.2),transparent);transition:left .5s ease}.button:hover{color:#c084fc;border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.6),0 0 25px rgba(var(--color-primary-rgb),.4),0 5px 20px rgba(var(--color-primary-rgb),.3),inset 0 0 15px #c084fc33}.button:hover:before{left:100%}.button:active{transform:translateY(-1px);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.7),0 0 35px rgba(var(--color-primary-rgb),.5),inset 0 0 20px #c084fc4d}.buttonText{font-size:14px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.2}.categoryTag{font-family:Orbitron,monospace;font-size:10px;font-weight:600;padding:3px 8px;border-radius:3px;border:1px solid;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(4px);transition:all .3s ease;box-shadow:0 0 8px currentColor}.playing{background:linear-gradient(145deg,#2d1b40,#3b1b50);border-color:#f472b6;color:#f9a8d4;animation:playingPulse 1.5s ease-in-out infinite;box-shadow:0 0 15px #f472b699,0 0 30px #f472b666,0 0 45px #f472b64d,inset 0 0 20px #f472b633}.playing:before{background:linear-gradient(90deg,transparent,rgba(244,114,182,.3),transparent);left:100%;animation:scan 2s linear infinite}@keyframes playingPulse{0%,to{box-shadow:0 0 15px #f472b699,0 0 30px #f472b666,0 0 45px #f472b64d,inset 0 0 20px #f472b633}50%{box-shadow:0 0 20px #f472b6cc,0 0 40px #f472b699,0 0 60px #f472b666,inset 0 0 25px #f472b64d}}@keyframes scan{0%{left:-100%}to{left:100%}}.keyboard-focused{background:linear-gradient(145deg,#1a2633,#0c3a52);border-color:var(--color-secondary);color:#67e8f9;transform:translateY(-3px) scale(1.02);box-shadow:0 0 15px rgba(var(--color-secondary-rgb),.6),0 0 30px rgba(var(--color-secondary-rgb),.4),0 5px 20px rgba(var(--color-secondary-rgb),.3),inset 0 0 15px rgba(var(--color-secondary-rgb),.2)}.keyboard-focused:before{background:linear-gradient(90deg,transparent,rgba(var(--color-secondary-rgb),.3),transparent);left:100%}.stop{min-width:90px;height:40px;background:linear-gradient(145deg,#3b0764,#581c87);border:2px solid #d946ef;border-radius:4px;color:#e879f9;font-family:Orbitron,monospace;font-size:14px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 12px #d946ef80,0 0 25px #d946ef4d,inset 0 0 15px #d946ef26}.stopIcon{font-size:14px;filter:drop-shadow(0 0 5px #d946ef)}.stop:hover{border-color:#d946ef;color:#f5d0fe;background:linear-gradient(145deg,#581c87,#7e22ce);transform:translateY(-3px) scale(1.05);box-shadow:0 0 20px #d946efb3,0 0 40px #d946ef80,0 5px 30px #d946ef66,inset 0 0 20px #d946ef40}.stop:hover .stopIcon{filter:drop-shadow(0 0 10px #d946ef) drop-shadow(0 0 15px #f5d0fe)}.stop:active{transform:translateY(-1px) scale(1.03);box-shadow:0 0 25px #d946efcc,0 0 50px #d946ef99,inset 0 0 25px #d946ef59}.overlay{z-index:200;width:100vw;height:100vh;position:fixed;display:flex;justify-content:center;align-items:center;inset:0;overflow:hidden;transition:opacity .8s ease,transform .8s ease}.overlay.fadeOut{opacity:0;transform:scale(1.1);pointer-events:none}.overlayBg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#240046,#0d0221);overflow:hidden}.overlayStars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 85%,white,transparent),radial-gradient(1px 1px at 15% 75%,white,transparent);background-size:200% 200%;background-position:0% 0%;animation:starsMove 120s linear infinite}@keyframes starsMove{0%{background-position:0% 0%}to{background-position:100% 100%}}.overlayGrid{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(0deg,transparent 0%,transparent calc(100% - 2px),#f472b6 calc(100% - 2px),#f472b6 100%) 0 0 / 100% 40px,linear-gradient(90deg,transparent 0%,transparent calc(100% - 2px),#f472b6 calc(100% - 2px),#f472b6 100%) 0 0 / 40px 100%;opacity:.3;transform:perspective(500px) rotateX(60deg);transform-origin:bottom;animation:gridMove 3s linear infinite}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:0 40px,40px 0}}.overlaySun{position:absolute;width:300px;height:300px;top:30%;left:50%;transform:translate(-50%);background:radial-gradient(circle,#f472b6 0%,#ec4899 30%,#be185d 60%,transparent 70%);border-radius:50%;box-shadow:0 0 100px #f472b6cc,0 0 200px #ec489999,0 0 300px #be185d66;animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.1);opacity:1}}.overlayContent{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:40px;animation:overlayContentFadeIn 1s ease-out}@keyframes overlayContentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.overlayTitle{font-family:Orbitron,monospace;font-size:96px;font-weight:900;letter-spacing:8px;text-transform:uppercase;color:#f472b6;text-shadow:0 0 20px #f472b6,0 0 40px #ec4899,0 0 60px #be185d,0 0 80px #9f1239;position:relative;animation:titleGlow 3s ease-in-out infinite}.overlayTitle:before{content:attr(data-text);position:absolute;top:0;left:0;color:transparent;-webkit-text-stroke:2px #06b6d4;z-index:-1;animation:titleGlitch 5s linear infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 20px #f472b6,0 0 40px #ec4899,0 0 60px #be185d,0 0 80px #9f1239}50%{text-shadow:0 0 30px #f472b6,0 0 60px #ec4899,0 0 90px #be185d,0 0 120px #9f1239}}@keyframes titleGlitch{0%,90%,to{transform:translate(0);opacity:0}92%{transform:translate(-2px,2px);opacity:.8}94%{transform:translate(2px,-2px);opacity:.8}96%{transform:translate(-2px,-2px);opacity:.8}98%{transform:translate(2px,2px);opacity:.8}}.overlaySubtitle{font-family:Orbitron,monospace;font-size:20px;font-weight:700;letter-spacing:4px;color:var(--color-secondary);text-shadow:0 0 20px rgba(var(--color-secondary-rgb),.8);margin-top:-20px}.overlayButton{position:relative;font-family:Orbitron,monospace;font-size:24px;font-weight:900;letter-spacing:3px;text-transform:uppercase;width:350px;height:80px;background:linear-gradient(145deg,#581c87,#3b0764);border:3px solid #a855f7;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px rgba(var(--color-primary-rgb),.6),0 0 40px rgba(var(--color-primary-rgb),.4),inset 0 0 20px rgba(var(--color-primary-rgb),.1)}.overlayButtonText{position:relative;z-index:2;color:#e9d5ff;text-shadow:0 0 10px rgba(var(--color-primary-rgb),.8)}.overlayButtonGlow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.3) 0%,transparent 70%);animation:buttonGlowMove 3s ease-in-out infinite}@keyframes buttonGlowMove{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.overlayButton:hover{transform:scale(1.05);border-color:var(--color-secondary);box-shadow:0 0 30px rgba(var(--color-secondary-rgb),.8),0 0 60px rgba(var(--color-primary-rgb),.6),inset 0 0 30px rgba(var(--color-secondary-rgb),.2)}.overlayButton:hover .overlayButtonText{color:var(--color-secondary);text-shadow:0 0 15px rgba(var(--color-secondary-rgb),1)}.overlayButton:active{transform:scale(.98)}@keyframes pulse{0%,to{box-shadow:0 0 15px rgba(var(--color-primary-rgb),.5),0 0 30px rgba(var(--color-primary-rgb),.3)}50%{box-shadow:0 0 25px rgba(var(--color-primary-rgb),.7),0 0 50px rgba(var(--color-primary-rgb),.5)}}.notification{position:fixed;bottom:30px;right:30px;transform:translate(150%);z-index:150;opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.notification.show{transform:translate(0);opacity:1}.notificationContent{position:relative;background:#190335f2;border:2px solid #6366f1;backdrop-filter:blur(10px);border-radius:4px;padding:18px 28px;display:flex;align-items:center;gap:15px;min-width:300px;box-shadow:0 0 15px #6366f166,0 0 30px #6366f133,0 10px 40px #0009,inset 0 0 20px rgba(var(--color-secondary-rgb),.1);animation:notificationGlow 3s ease-in-out infinite}.notificationContent:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(99,102,241,.03) 0px,rgba(99,102,241,.03) 1px,transparent 1px,transparent 3px);pointer-events:none;border-radius:4px}.notificationIcon{font-size:28px;filter:drop-shadow(0 0 8px rgba(var(--color-secondary-rgb),.6));animation:speakerPulseSoft 2s ease-in-out infinite}.notificationText{font-family:Orbitron,monospace;font-size:14px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 8px rgba(148,163,184,.4),0 0 12px rgba(var(--color-secondary-rgb),.2);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}@keyframes notificationGlow{0%,to{box-shadow:0 0 15px #6366f166,0 0 30px #6366f133,0 10px 40px #0009,inset 0 0 20px rgba(var(--color-secondary-rgb),.1)}50%{box-shadow:0 0 20px #6366f180,0 0 40px #6366f14d,0 10px 40px #0009,inset 0 0 25px rgba(var(--color-secondary-rgb),.15)}}@keyframes speakerPulseSoft{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.updateNotification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-150%);z-index:160;opacity:0;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.updateNotification.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.updateContent{background:linear-gradient(145deg,#7c3aed,#a855f7);border:2px solid #c084fc;backdrop-filter:blur(10px);border-radius:8px;padding:20px 30px;display:flex;align-items:center;gap:18px;min-width:400px;box-shadow:0 0 25px rgba(var(--color-primary-rgb),.6),0 0 50px rgba(var(--color-primary-rgb),.4),0 10px 50px #00000080;animation:updateGlow 2s ease-in-out infinite}.updateIcon{font-size:32px;filter:drop-shadow(0 0 10px rgba(255,255,255,.8));animation:sparkle 1.5s ease-in-out infinite}.updateTextContainer{flex:1;display:flex;flex-direction:column;gap:4px}.updateTitle{font-family:Orbitron,monospace;font-size:16px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,.5)}.updateSubtitle{font-family:Orbitron,monospace;font-size:12px;font-weight:600;color:#e9d5ff;letter-spacing:.5px}.updateButton{background:linear-gradient(145deg,#fff,#f3e8ff);color:#7c3aed;border:2px solid #ffffff;border-radius:4px;padding:10px 24px;font-family:Orbitron,monospace;font-size:14px;font-weight:900;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ffffff80;min-width:auto;height:auto}.updateButton:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 25px #fffc}.updateButton:active{transform:scale(.98)}@keyframes updateGlow{0%,to{box-shadow:0 0 25px rgba(var(--color-primary-rgb),.6),0 0 50px rgba(var(--color-primary-rgb),.4),0 10px 50px #00000080}50%{box-shadow:0 0 35px rgba(var(--color-primary-rgb),.8),0 0 70px rgba(var(--color-primary-rgb),.6),0 10px 50px #00000080}}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.playQueueSummary{color:var(--color-secondary)}.playQueueSummary:before{color:var(--color-secondary)}.playQueueIcon{font-size:18px;filter:drop-shadow(0 0 5px #06b6d4)}.playQueueLatest{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.playQueueList{padding:8px;max-height:400px;overflow-y:auto}.playQueueList::-webkit-scrollbar{width:8px}.playQueueList::-webkit-scrollbar-track{background:#0d022180}.playQueueList::-webkit-scrollbar-thumb{background:#6366f1;border-radius:4px}.playQueueList::-webkit-scrollbar-thumb:hover{background:#818cf8}.playQueueItem{font-family:Orbitron,monospace;display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0d022199;border-left:3px solid #475569;margin-bottom:8px;transition:all .3s ease}.playQueueItem:hover{background:#190335cc;border-left-color:var(--color-secondary);transform:translate(4px)}.playQueueItem.latest{border-left-color:#f472b6;box-shadow:0 0 10px #f472b64d;animation:latestGlow 2s ease-in-out infinite}.playQueueItem.playing{background:#2d1b40cc;border-left-color:#f472b6;box-shadow:0 0 15px #f472b699;animation:queuePlayingPulse 1.5s ease-in-out infinite}@keyframes latestGlow{0%,to{box-shadow:0 0 10px #f472b64d}50%{box-shadow:0 0 15px #f472b680}}@keyframes queuePlayingPulse{0%,to{box-shadow:0 0 15px #f472b699;border-left-color:#f472b6}50%{box-shadow:0 0 25px #f472b6cc;border-left-color:#fb7185}}.playQueueNumber{font-size:12px;font-weight:900;color:#a855f7;min-width:24px;text-align:center}.playQueueInfo{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.playQueueName{font-size:13px;font-weight:600;color:#94a3b8;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.playQueueUser{font-size:11px;font-weight:600;color:var(--color-secondary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:.8}.playQueueTime{font-size:11px;font-weight:600;color:var(--color-secondary);letter-spacing:.5px}.playQueueEmpty{font-family:Orbitron,monospace;text-align:center;padding:20px;color:#64748b;font-size:13px;font-style:italic}.playQueueReplay{background:linear-gradient(145deg,#3b0764,#581c87);border:2px solid #a855f7;border-radius:4px;color:#c084fc;font-family:Orbitron,monospace;font-weight:900;cursor:pointer;padding:6px 10px;margin-left:auto;min-width:42px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 8px rgba(var(--color-primary-rgb),.4)}.playQueueReplay:hover{background:linear-gradient(145deg,#581c87,#7e22ce);border-color:#d946ef;transform:scale(1.1);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.6)}.playQueueReplay:active{transform:scale(.95)}.replayIcon{font-size:14px;filter:drop-shadow(0 0 5px #a855f7)}.accordion{max-width:800px;margin:0 auto;background:#0d022166;border:2px solid rgba(99,102,241,.3);box-shadow:0 0 10px #6366f133}.accordionItem{border-bottom:1px solid rgba(99,102,241,.2)}.accordionItem:last-child{border-bottom:none}.accordionSummary{font-family:Orbitron,monospace;font-weight:700;font-size:13px;padding:8px 16px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;user-select:none}.accordionSummary::-webkit-details-marker{display:none}.accordionSummary:before{content:"▶";font-size:10px;transition:transform .3s ease}.accordionItem[open] .accordionSummary:before{transform:rotate(90deg)}.accordionSummary:hover{background:#6366f11a}.categoryFiltersSummary{color:#f472b6;justify-content:center}.categoryFiltersSummary:before{color:#f472b6}.categoryFiltersIcon{font-size:16px;filter:drop-shadow(0 0 5px #f472b6)}.categoryFiltersLabel{font-weight:900}.nicknameContainer{display:flex;flex-direction:column;align-items:center;gap:20px;background:#0d0221cc;border:2px solid rgba(var(--color-primary-rgb),.5);border-radius:4px;padding:40px 50px;backdrop-filter:blur(10px);box-shadow:0 0 30px rgba(var(--color-primary-rgb),.4),inset 0 0 30px rgba(var(--color-primary-rgb),.1)}.nicknameLabel{font-family:Orbitron,monospace;font-size:16px;font-weight:900;color:var(--color-secondary);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px rgba(var(--color-secondary-rgb),.8),0 0 20px rgba(var(--color-secondary-rgb),.5);animation:labelPulse 2s ease-in-out infinite}@keyframes labelPulse{0%,to{text-shadow:0 0 10px rgba(var(--color-secondary-rgb),.8),0 0 20px rgba(var(--color-secondary-rgb),.5)}50%{text-shadow:0 0 15px rgba(var(--color-secondary-rgb),1),0 0 30px rgba(var(--color-secondary-rgb),.7)}}.nicknameInputWrapper{display:flex;align-items:center;gap:15px}.nicknameInput{width:300px;padding:18px 24px;font-family:Orbitron,monospace;font-size:18px;font-weight:700;background:#240046e6;color:#e9d5ff;border:2px solid #a855f7;border-radius:4px;outline:none;text-align:center;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 20px rgba(var(--color-primary-rgb),.6),inset 0 0 20px rgba(var(--color-primary-rgb),.15);transition:all .3s ease}.nicknameInput:focus{border-color:var(--color-secondary);color:var(--color-secondary);box-shadow:0 0 30px rgba(var(--color-secondary-rgb),.8),inset 0 0 25px rgba(var(--color-secondary-rgb),.2);transform:scale(1.02)}.nicknameInput::placeholder{color:#c084fc66;text-transform:none}.nicknameGenerate{font-size:28px;width:60px;height:60px;background:linear-gradient(145deg,#3b0764,#581c87);border:2px solid #a855f7;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px rgba(var(--color-primary-rgb),.6),inset 0 0 10px rgba(var(--color-primary-rgb),.2);animation:diceFloat 3s ease-in-out infinite}@keyframes diceFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.nicknameGenerate:hover{background:linear-gradient(145deg,#581c87,#7e22ce);border-color:var(--color-secondary);transform:scale(1.1) rotate(90deg);box-shadow:0 0 25px rgba(var(--color-secondary-rgb),.8),inset 0 0 15px rgba(var(--color-secondary-rgb),.3);animation:none}.nicknameGenerate:active{transform:scale(.95) rotate(180deg)}.usersSummary{color:#f59e0b;justify-content:center}.usersSummary:before{color:#f59e0b}.usersIcon{font-size:16px;filter:drop-shadow(0 0 5px #f59e0b)}.usersCount{font-weight:900}.usersList{padding:8px;max-height:300px;overflow-y:auto}.usersList::-webkit-scrollbar{width:8px}.usersList::-webkit-scrollbar-track{background:#0d022180}.usersList::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px}.usersList::-webkit-scrollbar-thumb:hover{background:#fbbf24}.usersItem{font-family:Orbitron,monospace;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0d022199;border-left:3px solid #f59e0b;margin-bottom:6px;transition:all .3s ease}.usersItem:hover{background:#190335cc;transform:translate(4px);box-shadow:0 0 10px #f59e0b4d}.usersItem .usersIcon{font-size:14px}.usersName{flex:1;font-size:13px;font-weight:600;color:#fbbf24;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.usersEmpty{font-family:Orbitron,monospace;text-align:center;padding:20px;color:#64748b;font-size:13px;font-style:italic}.stickyUsers{position:fixed;top:20px;left:20px;z-index:150;background:#190335f2;border:2px solid #f59e0b;backdrop-filter:blur(10px);box-shadow:0 0 20px #f59e0b66;min-width:300px;max-width:400px}.stickyUsersSummary{font-family:Orbitron,monospace;padding:12px 16px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;user-select:none}.stickyUsersSummary::-webkit-details-marker{display:none}.stickyUsersSummary:before{content:"▼";font-size:10px;transition:transform .3s ease;color:#f59e0b}.stickyUsers:not([open]) .stickyUsersSummary:before{transform:rotate(-90deg)}.stickyUsersSummary:hover{background:#f59e0b1a}.stickyUsersIcon{font-size:18px;filter:drop-shadow(0 0 5px #f59e0b)}.stickyUsersCount{background:#f59e0b;color:#0d0221;font-weight:900;padding:4px 10px;border-radius:12px;font-size:12px;min-width:28px;text-align:center;box-shadow:0 0 10px #f59e0b99}.stickyUsersList{padding:8px;max-height:400px;overflow-y:auto}.stickyUsersList::-webkit-scrollbar{width:6px}.stickyUsersList::-webkit-scrollbar-track{background:#0d022180}.stickyUsersList::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:3px}.stickyUsersList::-webkit-scrollbar-thumb:hover{background:#fbbf24}.stickyUsersNickname{font-family:Orbitron,monospace;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#0d0221b3;border-bottom:2px solid #f59e0b}.stickyUsersYourNick{font-size:13px;font-weight:700;color:#fbbf24;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.stickyUsersEditBtn{background:transparent;border:none;font-size:14px;cursor:pointer;padding:4px;transition:all .3s ease;filter:grayscale(1) opacity(.6)}.stickyUsersEditBtn:hover{filter:grayscale(0) opacity(1);transform:scale(1.2)}.stickyUsersEditContainer{padding:8px 12px;background:#0d0221b3;border-bottom:2px solid #f59e0b;gap:6px}.stickyUsersEditInputWrapper{display:flex;align-items:center;gap:6px}.stickyUsersEditInput{font-family:Orbitron,monospace;flex:1;padding:6px 10px;background:#190335cc;color:#fbbf24;border:2px solid #f59e0b;border-radius:4px;font-size:12px;font-weight:600;outline:none}.stickyUsersEditInput:focus{border-color:var(--color-secondary);box-shadow:0 0 10px rgba(var(--color-secondary-rgb),.4)}.stickyUsersEditRandom{font-size:16px;padding:6px 8px;background:linear-gradient(145deg,#3b0764,#581c87);border:2px solid #a855f7;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 8px rgba(var(--color-primary-rgb),.4)}.stickyUsersEditRandom:hover{background:linear-gradient(145deg,#581c87,#7e22ce);border-color:var(--color-secondary);transform:scale(1.1) rotate(90deg);box-shadow:0 0 15px rgba(var(--color-secondary-rgb),.6)}.stickyUsersEditRandom:active{transform:scale(.95) rotate(180deg)}.stickyUsersEditButtons{display:flex;gap:6px;margin-top:6px}.stickyUsersEditSave,.stickyUsersEditCancel{font-family:Orbitron,monospace;flex:1;padding:6px;border:2px solid;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.stickyUsersEditSave{background:linear-gradient(145deg,#065f46,#047857);border-color:#10b981;color:#6ee7b7}.stickyUsersEditSave:hover{background:linear-gradient(145deg,#047857,#059669);box-shadow:0 0 15px #10b98180;transform:scale(1.05)}.stickyUsersEditCancel{background:linear-gradient(145deg,#7f1d1d,#991b1b);border-color:#ef4444;color:#fca5a5}.stickyUsersEditCancel:hover{background:linear-gradient(145deg,#991b1b,#b91c1c);box-shadow:0 0 15px #ef444480;transform:scale(1.05)}.stickyUsersItem{font-family:Orbitron,monospace;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0d022199;border-left:3px solid #f59e0b;margin-bottom:6px;transition:all .3s ease}.stickyUsersItem:hover{background:#190335cc;transform:translate(4px);box-shadow:0 0 10px #f59e0b4d}.stickyUsersItem.playing{background:#ec489933;border-left-color:#ec4899;animation:playingPulse 2s ease-in-out infinite}.stickyUsersItem.playing .stickyUsersIcon{animation:iconBounce 1s ease-in-out infinite}@keyframes playingPulse{0%,to{box-shadow:0 0 10px #ec48994d}50%{box-shadow:0 0 20px #ec489999}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.stickyUsersItem .stickyUsersIcon{font-size:14px}.playingBadge{font-family:Orbitron,monospace;font-size:9px;font-weight:700;color:#ec4899;background:#ec489933;border:1px solid #ec4899;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.stickyUsersName{flex:1;font-size:13px;font-weight:600;color:#fbbf24;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.stickyUsersEmpty{font-family:Orbitron,monospace;text-align:center;padding:16px;color:#64748b;font-size:12px;font-style:italic}.nowPlaying{position:fixed;top:20px;right:20px;transform:translate(150%);z-index:150;opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.nowPlaying.show{transform:translate(0);opacity:1}.nowPlayingContent{background:#190335f2;border:2px solid #f472b6;backdrop-filter:blur(10px);border-radius:4px;padding:16px 24px 12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 20px #f472b680,0 0 40px #f472b64d;min-width:280px;max-width:400px}.nowPlayingTop{display:flex;align-items:center;gap:15px}.nowPlayingIcon{font-size:28px;filter:drop-shadow(0 0 10px #f472b6);animation:nowPlayingPulse 2s ease-in-out infinite}@keyframes nowPlayingPulse{0%,to{filter:drop-shadow(0 0 10px #f472b6)}50%{filter:drop-shadow(0 0 20px #f472b6) drop-shadow(0 0 30px #fb7185)}}.nowPlayingInfo{flex:1;display:flex;flex-direction:column;gap:6px;overflow:hidden}.nowPlayingText{font-family:Orbitron,monospace;font-size:14px;font-weight:700;color:#f9a8d4;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 10px rgba(244,114,182,.6);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.nowPlayingUser{font-family:Orbitron,monospace;font-size:11px;font-weight:600;color:var(--color-secondary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.progressBar{height:4px;background:#f472b633;border-radius:0 0 2px 2px;overflow:hidden;position:relative;margin:0 -24px -12px}.progressBarFill{height:100%;background:linear-gradient(90deg,#f472b6,#ec4899,#be185d);box-shadow:0 0 10px #f472b6cc;width:0%;transition:width .1s linear}