@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Rajdhani:wght@500;600;700&display=swap";:root{font-family:Rajdhani,system-ui,sans-serif;color:#eee;background:transparent}*{box-sizing:border-box}body{margin:0;background:transparent}html:has(.theme-cosmic),body:has(.theme-cosmic),#root:has(.theme-cosmic){width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#030313}html:has(.transparent-background),body:has(.transparent-background),#root:has(.transparent-background){background:transparent!important}button,input,select{font:inherit}button{cursor:pointer}.overlay{--accent: #ff8a00;--scale: 1;width:100%;height:100vh;display:flex;flex-direction:column;gap:10px;transform:scale(var(--scale));transform-origin:top left;width:calc(100% / var(--scale));height:calc(100vh / var(--scale));overflow:hidden}.transparent-background{background:transparent!important}.transparent-background:before{display:none}.transparent-background .playlist-panel,.transparent-background .now-playing,.transparent-background .playlist-panel header,.transparent-background .playlist-panel li,.transparent-background .playlist-panel li:nth-child(2n),.transparent-background .playlist-panel li.active{background:transparent!important}.transparent-background .playlist-panel,.transparent-background .now-playing{box-shadow:none}.transparent-background .playlist-panel li.active{box-shadow:inset 4px 0 var(--accent)}.theme-aqua{--accent: #18d9ff !important;--visualizer-color: #35e9ff !important}.theme-violet{--accent: #cc5cff !important;--visualizer-color: #e58cff !important}.theme-terminal{--accent: #80ff66 !important;--visualizer-color: #55ffae !important}.theme-aqua .now-playing,.theme-aqua .playlist-panel{background:linear-gradient(145deg,#769ba5,#26383f 48%,#142129);border-color:#a7d9e2;box-shadow:inset 0 1px #d6fbff,inset 0 -12px 28px #07161dcc,0 5px 20px #0008}.theme-aqua .window-bar,.theme-aqua .playlist-panel header{background:linear-gradient(#a8d3da,#4a6c77 55%,#1b3038);color:#efffff}.theme-aqua .playlist-panel li{background:#071317ef;border-color:#416570}.theme-aqua .playlist-panel li:nth-child(2n){background:#12282f}.theme-aqua .playlist-panel li.active{background:linear-gradient(90deg,#087da9,#193942);box-shadow:inset 4px 0 #a8f6ff}.theme-violet .now-playing,.theme-violet .playlist-panel{background:linear-gradient(145deg,#36244b,#120f1d 55%,#24172f);border-color:#8e68af}.theme-violet .window-bar,.theme-violet .playlist-panel header{background:linear-gradient(#594071,#271c3a)}.theme-violet .playlist-panel li.active{background:linear-gradient(90deg,#6e2893,#2c1d42)}.theme-terminal .now-playing,.theme-terminal .playlist-panel{background:linear-gradient(145deg,#193324,#07120b 55%,#102818);border-color:#4c9a62}.theme-terminal .window-bar,.theme-terminal .playlist-panel header{background:linear-gradient(#285c3a,#102d1b)}.theme-terminal .playlist-panel li{background:#08150d;border-color:#1e4d2e}.theme-terminal .playlist-panel li:nth-child(2n){background:#0d2114}.theme-terminal .playlist-panel li.active{background:linear-gradient(90deg,#1c6f31,#132c1c)}.theme-cosmic{--accent: #ff3eea !important;--visualizer-color: #22dfff !important;padding:18px;gap:14px;background:radial-gradient(circle at 4% 12%,#174ed788,transparent 24%),radial-gradient(circle at 94% 15%,#a715c877,transparent 25%),radial-gradient(circle at 48% 95%,#162fe388,transparent 30%),#030313;font-family:system-ui,sans-serif}.theme-cosmic:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#26dcff 1px,transparent 1.5px),radial-gradient(#ff3ddd 1px,transparent 1.5px);background-size:89px 89px,127px 127px,173px 173px;background-position:10px 22px,45px 5px,19px 70px}.theme-cosmic .now-playing,.theme-cosmic .playlist-panel{position:relative;z-index:1;border:1px solid #22dfff;border-top:1px solid #ff42e6;border-radius:20px;background:linear-gradient(135deg,#071d49d9,#08021dd9);box-shadow:0 0 18px #22dfff77,0 0 28px #fd3fe477,inset 0 0 28px #193c9b66}.theme-cosmic .window-bar{height:38px;padding:9px 18px;background:transparent;border-bottom:1px solid #a25cff88;color:#e8eaff;font-weight:700;letter-spacing:.25em}.theme-cosmic .now-body{padding:18px;gap:26px}.theme-cosmic .artwork-stack{width:205px}.theme-cosmic .artwork{width:180px;height:180px;border-radius:14px;border:2px solid #28e7ff;box-shadow:0 0 15px #1be7ff,0 0 25px #f530e4}.theme-cosmic .artwork.is-vinyl{width:205px;box-shadow:none;border:0}.theme-cosmic .artwork.is-vinyl .cover{width:170px;height:170px;border:2px solid #28e7ff;box-shadow:0 0 15px #1be7ff,0 0 25px #f530e4}.theme-cosmic .artwork.is-vinyl .vinyl-disc{width:170px;height:170px;top:6px}.theme-cosmic .artwork.is-vinyl:before{width:240px;height:240px;right:-10px;top:-10px}.theme-cosmic .track-details h1{font-size:36px;letter-spacing:-.03em}.theme-cosmic .artist{font-size:20px;color:#d3d5ff}.theme-cosmic .album{font-size:15px;color:#aeb4e8}.theme-cosmic .timeline{height:10px;border-radius:99px;border:0;background:#23215c}.theme-cosmic .progress{background:linear-gradient(90deg,#18e5ff,#a24dff,#ff3ce8);box-shadow:0 0 12px #ff3ce8}.theme-cosmic .equalizer{background:transparent;border:0}.theme-cosmic .playlist-panel header{height:45px;background:transparent;color:#dce1ff;font-size:14px;padding:0 18px}.theme-cosmic .playlist-panel ol{padding:0 12px 12px}.theme-cosmic .playlist-panel li{height:56px;background:#07143aaa;border-color:#374ba477}.theme-cosmic .playlist-panel li:nth-child(2n){background:#110a3c99}.theme-cosmic .playlist-panel li.active{border:1px solid #f442e8;box-shadow:inset 4px 0 #27e7ff,0 0 10px #f442e866;background:linear-gradient(90deg,#123c85,#501969)}.theme-cosmic .under-artwork .metal-button{background:#11142c;color:#e9ebff}.theme-cosmic .under-artwork .metal-button:nth-child(2){background:linear-gradient(145deg,#ff4ee5,#694bff);box-shadow:0 0 18px #dc42ed}.theme-cosmic{align-items:center;overflow:hidden}.theme-cosmic .now-playing,.theme-cosmic .playlist-panel{width:min(100%,560px)}.theme-cosmic .now-playing{flex:none}.theme-cosmic .playlist-panel{flex:1 1 0;min-height:0}.theme-cosmic .now-playing{border:0;background:transparent;box-shadow:none}.theme-cosmic .window-bar{border:0;justify-content:center;gap:18px;height:32px;padding:7px}.theme-cosmic .now-body{flex-direction:column;align-items:stretch;padding:4px 18px 15px;gap:12px}.theme-cosmic .artwork-stack{width:310px;height:260px;margin:0 auto;justify-content:center}.theme-cosmic .artwork,.theme-cosmic .artwork.is-vinyl{width:310px;height:250px}.theme-cosmic .artwork.is-vinyl .cover{width:220px;height:220px;margin-top:12px;box-shadow:0 0 18px #25ddff,0 0 28px #ff2ee8}.theme-cosmic .artwork.is-vinyl .vinyl-disc{width:220px;height:220px;top:14px;right:0}.theme-cosmic .artwork:not(.is-vinyl){width:220px;height:220px;margin:12px auto}.theme-cosmic .track-details{text-align:left}.theme-cosmic .track-details h1{font-size:32px;margin:4px 0}.theme-cosmic .artist{font-size:17px}.theme-cosmic .album{font-size:14px}.theme-cosmic .timeline{margin-top:11px}.theme-cosmic .times{font-size:18px}.theme-cosmic .controls{justify-content:center;gap:22px;margin:16px 0 6px}.theme-cosmic .controls .metal-button{width:34px;height:42px;display:grid;place-items:center;padding:0;line-height:1;border:0;border-radius:0;background:transparent;color:#dff2ff;font-size:23px;box-shadow:none;text-shadow:0 0 8px #55dcff}.theme-cosmic .controls .metal-button:disabled{opacity:1}.theme-cosmic .controls .metal-button:nth-child(2){flex:0 0 76px;width:76px;height:76px;margin-top:0;border:0;background:linear-gradient(135deg,#20e9ff,#8260ff 48%,#ff35df);-webkit-background-clip:text;background-clip:text;color:transparent;box-shadow:none;text-shadow:0 0 13px #845bffcc,0 0 20px #ff35df88;font-size:49px}.theme-cosmic .controls{gap:34px}.theme-cosmic .marquee{font-size:31px;color:#fff}.theme-cosmic .equalizer{height:64px;padding-bottom:12px;margin-top:8px}.theme-cosmic .equalizer:before{bottom:10px}.theme-cosmic .playlist-panel{border-radius:15px;background:#06143ed9;box-shadow:0 0 16px #22dfff77}.theme-cosmic .playlist-panel header{height:38px}.theme-cosmic .playlist-panel li{height:47px}.theme-cosmic .track-copy strong{font-size:18px;line-height:20px}.theme-cosmic .track-copy small{font-size:12px}.theme-cosmic .now-body{flex-direction:row;align-items:flex-start;padding:12px 18px 18px;gap:22px}.theme-cosmic .artwork-stack{width:205px;height:210px;margin:0;flex:none}.theme-cosmic .artwork,.theme-cosmic .artwork.is-vinyl{width:205px;height:190px}.theme-cosmic .artwork.is-vinyl .cover{width:170px;height:170px;margin-top:8px}.theme-cosmic .artwork.is-vinyl .vinyl-disc{width:170px;height:170px;top:10px}.theme-cosmic .artwork:not(.is-vinyl){width:170px;height:170px;margin:8px 0}.theme-cosmic .track-details{min-height:210px}@media(max-width:700px){.theme-cosmic{padding:10px;gap:10px}.theme-cosmic .now-playing,.theme-cosmic .playlist-panel{width:100%}.theme-cosmic .now-body{flex-direction:column;align-items:center;padding:8px 14px 14px;gap:10px}.theme-cosmic .artwork-stack{width:290px;height:230px;margin:0 auto}.theme-cosmic .artwork,.theme-cosmic .artwork.is-vinyl{width:290px;height:220px}.theme-cosmic .artwork.is-vinyl .cover,.theme-cosmic .artwork.is-vinyl .vinyl-disc{width:198px;height:198px}.theme-cosmic .track-details{width:100%;min-height:0}.theme-cosmic .marquee{font-size:28px}.theme-cosmic .controls{gap:30px;margin:18px 0 4px}}@media(max-width:390px){.theme-cosmic .artwork-stack{width:250px;height:202px}.theme-cosmic .artwork,.theme-cosmic .artwork.is-vinyl{width:250px;height:194px}.theme-cosmic .artwork.is-vinyl .cover,.theme-cosmic .artwork.is-vinyl .vinyl-disc{width:174px;height:174px}.theme-cosmic .marquee{font-size:23px}.theme-cosmic .playlist-panel li{height:44px}}.now-playing,.playlist-panel{background:linear-gradient(145deg,#2b2c2dfa,#0b0b0bfa 54%,#222222fa);border:1px solid #585858;border-top:3px solid var(--accent);box-shadow:inset 0 1px #7c7c7c,inset 0 -12px 28px #000b,0 5px 20px #0008;border-radius:5px}.window-bar{height:27px;padding:3px 10px;display:flex;justify-content:space-between;color:#a8a8a8;font-size:12px;letter-spacing:.13em;background:linear-gradient(#444,#252525);border-bottom:1px solid #070707}.playing-dot{color:var(--accent)}.now-body{display:flex;gap:14px;padding:13px}.artwork{position:relative;width:142px;height:142px;aspect-ratio:1;align-self:flex-start;flex:none;background:#151515;border:1px solid #777;box-shadow:0 0 0 3px #161616,0 4px 13px #000}.artwork-stack{width:165px;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.artwork .cover img,.artwork .cover svg,.mini-art img{width:100%;height:100%;display:block;object-fit:cover}.cover{position:relative;z-index:2;width:100%;height:100%}.vinyl-disc{display:none}.artwork.is-vinyl{width:165px;background:transparent;border:0;box-shadow:none;overflow:visible}.artwork.is-vinyl .cover{width:134px;height:134px;overflow:hidden;border:1px solid #777;box-shadow:0 0 0 3px #161616,0 4px 13px #000}.artwork.is-vinyl .vinyl-disc{display:block;position:absolute;z-index:1;width:132px;height:132px;right:0;top:5px;border-radius:50%;background:conic-gradient(from 15deg,transparent 0 24deg,#ffffff66 25deg 27deg,transparent 28deg 164deg,#ffffff2e 165deg 168deg,transparent 169deg 270deg,#ffffff47 271deg 274deg,transparent 275deg),radial-gradient(circle at center,#111 0 6px,#bbb 7px 9px,#151515 10px 26%,transparent 27%),repeating-radial-gradient(circle,#151515 0 3px,#333 4px 5px,#090909 6px 8px);border:2px solid #070707;box-shadow:3px 4px 9px #000b}.artwork.is-vinyl .vinyl-disc:after{content:"";position:absolute;inset:32%;border-radius:50%;background:conic-gradient(#ff4f8f,#ffb13b 28%,#7b48ff 54%,#1fe5d5 78%,#ff4f8f);border:2px solid #111;box-shadow:inset 0 0 10px #000}.artwork.is-vinyl .vinyl-disc:before{content:"";position:absolute;z-index:2;width:9px;height:9px;left:calc(50% - 4.5px);top:calc(50% - 4.5px);border-radius:50%;background:#111;border:2px solid #ddd}.artwork.is-vinyl:before{content:"";position:absolute;z-index:0;width:184px;height:184px;right:-7px;top:-1px;border-radius:50%;opacity:0;background:conic-gradient(from 0deg,transparent 0 14%,#ff263d 20%,#ff9b21 29%,transparent 38%,#f0007e 51%,#ff5a18 63%,transparent 73%,#ffbe39 88%,transparent);filter:blur(10px);transform:scale(1.08);transition:opacity .25s ease}.artwork.is-spinning:before{opacity:.88;animation:vinyl-fire 1.2s linear infinite,fire-pulse .65s ease-in-out infinite alternate}.artwork.is-spinning .vinyl-disc{animation:vinyl-spin 2.4s linear infinite}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes vinyl-fire{to{transform:scale(1.08) rotate(360deg)}}@keyframes fire-pulse{to{filter:blur(14px) brightness(1.45)}}@media(prefers-reduced-motion:reduce){.artwork.is-spinning .vinyl-disc{animation:none}.artwork.is-spinning:before{animation:none}}.track-details{min-width:0;flex:1;display:flex;flex-direction:column}.eyebrow{margin:0;color:var(--accent);font:10px DM Mono,monospace;letter-spacing:.13em}.track-details h1{font-size:29px;line-height:.92;margin:7px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist,.album{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist{font-size:17px;color:#ddd}.marquee{width:100%;overflow:hidden;white-space:nowrap;margin:8px 0 5px;font-size:25px;font-weight:700;line-height:1.1;color:#f4f4f7}.marquee>.marquee-copy{display:inline-block;padding-left:100%;animation:track-marquee 14s linear infinite}@keyframes track-marquee{to{transform:translate(-100%)}}.album{font-size:13px;color:#999}.timeline{margin-top:auto}.timeline{height:8px;background:#080808;border:1px solid #555;box-shadow:inset 0 2px 3px #000}.progress{height:100%;background:linear-gradient(90deg,#c65300,var(--accent),#ffc06e);box-shadow:0 0 9px var(--accent);transition:width .2s linear}.times{display:flex;justify-content:space-between;margin-top:3px;font:17px DM Mono,monospace;color:#bbb}.equalizer{height:66px;position:relative;isolation:isolate;margin-top:6px;display:flex;align-items:end;gap:1px;overflow:hidden;padding:0 3px 28px;background:radial-gradient(ellipse at 20% 100%,#005d4c55,transparent 38%),radial-gradient(ellipse at 50% 100%,#86104f44,transparent 42%),radial-gradient(ellipse at 80% 100%,#1437a855,transparent 40%),linear-gradient(180deg,#030303aa,#09090944);border-bottom:1px solid #343434}.equalizer:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:26px;height:2px;background:var(--visualizer-color);box-shadow:0 0 7px var(--visualizer-color),0 0 15px color-mix(in srgb,var(--visualizer-color),transparent 45%)}.equalizer span{position:relative;flex:1;min-width:0;height:var(--bar-height);transition:height .13s cubic-bezier(.2,.9,.2,1);border-radius:2px 2px 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--visualizer-color),#00a0ff 45%),var(--visualizer-color) 55%,color-mix(in srgb,var(--visualizer-color),white 52%));box-shadow:0 0 3px var(--visualizer-color),0 0 8px color-mix(in srgb,var(--visualizer-color),transparent 40%)}.equalizer span:after{content:"";position:absolute;top:calc(100% + 27px);left:0;width:100%;height:55%;transform:scaleY(-1);transform-origin:top;opacity:.32;background:inherit;filter:blur(.5px);-webkit-mask-image:linear-gradient(to bottom,#0009,transparent);mask-image:linear-gradient(to bottom,#0009,transparent)}.equalizer:not(.is-playing) span{filter:saturate(.45) brightness(.55)}.equalizer.mode-bars{height:58px;padding-bottom:7px;gap:2px}.equalizer.mode-bars:before{bottom:5px}.equalizer.mode-bars span{border-radius:1px 1px 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--visualizer-color),#174dff 35%),var(--visualizer-color))}.equalizer.mode-bars span:after{display:none}.equalizer.mode-dots{padding-bottom:28px;gap:2px}.equalizer.mode-dots span{border-radius:2px 2px 0 0;background:repeating-linear-gradient(to top,color-mix(in srgb,var(--visualizer-color),#2090ff 35%) 0 3px,transparent 3px 6px);box-shadow:0 0 4px var(--visualizer-color)}.equalizer.mode-dots span:after{opacity:.2}.equalizer.mode-wave{height:56px;padding-bottom:8px;gap:0}.equalizer.mode-wave:before{bottom:6px}.equalizer.mode-wave span{min-width:1px;border-radius:999px 999px 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--visualizer-color),#5d42ff 40%),color-mix(in srgb,var(--visualizer-color),white 45%));box-shadow:0 0 4px var(--visualizer-color)}.equalizer.mode-wave span:after{display:none}.equalizer.mode-ripple{height:58px;padding-bottom:9px;gap:1px}.equalizer.mode-ripple:before{bottom:7px;height:1px}.equalizer.mode-ripple span{border-radius:999px 999px 0 0;background:linear-gradient(to top,transparent 0 10%,var(--visualizer-color) 12% 35%,color-mix(in srgb,var(--visualizer-color),white 60%) 36% 45%,transparent 46%);box-shadow:0 0 5px var(--visualizer-color)}.equalizer.mode-ripple span:after{display:none}.equalizer.mode-cascade{height:60px;padding-bottom:7px;gap:2px}.equalizer.mode-cascade:before{bottom:5px}.equalizer.mode-cascade span{border-radius:1px;background:repeating-linear-gradient(to top,var(--visualizer-color) 0 2px,color-mix(in srgb,var(--visualizer-color),transparent 65%) 2px 4px,transparent 4px 6px);box-shadow:0 0 4px var(--visualizer-color)}.equalizer.mode-cascade span:after{display:none}.equalizer.mode-crest{height:60px;padding-bottom:9px;gap:0}.equalizer.mode-crest:before{bottom:7px;height:1px}.equalizer.mode-crest span{border-radius:50% 50% 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--visualizer-color),#462bff 35%),var(--visualizer-color) 75%,color-mix(in srgb,var(--visualizer-color),white 65%));box-shadow:0 0 6px var(--visualizer-color)}.equalizer.mode-crest span:after{display:none}.controls{display:flex;align-items:center;gap:6px;margin-top:8px}.under-artwork{width:165px;flex-wrap:wrap;justify-content:center;gap:9px;margin:0}.under-artwork .metal-button{width:45px;height:45px;border:0;border-radius:13px;background:#202127;box-shadow:none;font-size:14px}.under-artwork .metal-button:hover{background:#30313a;color:#fff}.under-artwork .metal-button:nth-child(2){width:66px;height:66px;margin-top:-10px;border-radius:20px;background:linear-gradient(145deg,#8c69ff,#623eff);box-shadow:0 6px 14px #5030bb99;font-size:25px}.under-artwork .volume{width:100%;margin:0;justify-content:center}.under-artwork .volume input{width:105px}.metal-button{border:1px solid #777;border-radius:50%;width:29px;height:29px;color:#f5f5f5;background:linear-gradient(145deg,#606060,#252525 52%,#101010);box-shadow:inset 0 1px #999,0 1px 2px #000;font-size:11px}.metal-button:hover{color:var(--accent);border-color:var(--accent)}.metal-button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metal-button:disabled{opacity:.4}.volume{margin-left:auto;font:10px DM Mono,monospace;color:#aaa;display:flex;align-items:center;gap:6px}.volume input{accent-color:var(--accent);width:105px}.playlist-panel{min-height:0;position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.queue-cover-preview{position:absolute;z-index:5;left:50%;top:50%;width:294px;height:225px;transform:translate(-50%,-50%) scale(.96);opacity:0;pointer-events:none;overflow:visible;transition:opacity .22s ease,transform .22s ease}.queue-cover-preview:before{content:"";position:absolute;z-index:-1;inset:-42px -64px;border-radius:50%;opacity:.96;background:conic-gradient(from 220deg,transparent 0 5%,#17e8ff 13%,#785dff 23%,#ff39d9 34%,#ff8a24 45%,#ffeb56 52%,#ff3a96 60%,#244dff 72%,#1de7ff 84%,transparent 95%);filter:blur(24px) saturate(1.45);box-shadow:0 0 30px #1ce7ff88,0 0 58px #ff35df88,0 0 84px #ff922c77;animation:queue-cover-fire 3.6s linear infinite,queue-cover-glow 1.7s ease-in-out infinite alternate}.queue-preview-visible .queue-cover-preview{opacity:1;transform:translate(-50%,-50%) scale(1)}.queue-preview-disc{position:absolute;z-index:0;width:203px;height:203px;right:0;top:11px;border-radius:50%;background:conic-gradient(transparent,#ff312e,#ffbd27,transparent,#f521ad,transparent),repeating-radial-gradient(circle,#111 0 3px,#333 4px 5px,#070707 6px 8px);border:2px solid #070707;box-shadow:0 0 16px #ffeb55,0 0 29px #ff4c35,0 0 46px #f329be,0 0 64px #24dfff88;animation:vinyl-spin 3s linear infinite}.queue-preview-disc:after{content:"";position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,#ff4d9a 9% 55%,#2e35b6 56%)}.queue-cover-preview.cover-hidden .queue-preview-disc{right:auto;left:calc(50% - 101.5px)}@keyframes queue-cover-fire{to{transform:rotate(360deg) scale(1.12)}}@keyframes queue-cover-glow{0%{filter:blur(20px) saturate(1.2) brightness(.78)}to{filter:blur(28px) saturate(1.7) brightness(1.32)}}.queue-preview-cover{position:absolute;z-index:1;left:0;top:10px;width:200px;height:200px;overflow:hidden;border:1px solid #b7f9ff;box-shadow:0 0 14px #2ae7ff,0 0 22px #fb35e8}.queue-preview-cover img{width:100%;height:100%;object-fit:cover}.queue-preview-cover.fallback-cover{border-color:#ff4ae1;box-shadow:0 0 16px #ff3de4,0 0 28px #25dfff}.lyrics-display,.lyrics-fallback{position:absolute;z-index:3;left:50%;bottom:-84px;width:min(360px,130%);margin:0;transform:translate(-50%);text-align:center;color:#effcff;text-shadow:0 0 8px #00122e,0 2px 4px #000;pointer-events:none}.lyrics-display p{min-height:1.2em;margin:2px 0;color:#add6ff;font-size:14px;opacity:.74}.lyrics-display strong{display:block;min-height:1.3em;color:#fff;font-size:30px;line-height:1.15;text-shadow:0 0 8px #22dfff,0 0 16px #ff3de4,0 2px 4px #000}.lyrics-fallback strong{display:block;color:#fff;font-size:26px;line-height:1.15;text-shadow:0 0 8px #22dfff,0 0 16px #ff3de4,0 2px 4px #000}.lyrics-fallback p{margin:4px 0 0;color:#b8d3f6;font-size:17px}.queue-preview-cover span{display:grid;place-items:center;height:100%;font-size:50px;color:var(--accent);background:#111}.queue-preview-visible ol{filter:blur(3px) brightness(.48);background:#04061388;transition:filter .22s ease,background .22s ease}.playlist-panel ol{transition:filter .22s ease,background .22s ease}.playlist-panel header{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;background:linear-gradient(#414141,#202020);font-size:12px;letter-spacing:.1em}.playlist-panel header b{font:10px DM Mono,monospace;color:#aaa}.queue-header{height:auto!important;min-height:0;flex:0 0 auto;flex-direction:column;align-items:stretch;justify-content:center;gap:3px;padding-top:5px!important;padding-bottom:5px!important}.queue-header-main{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px}.queue-marquee{flex:1 1 auto;min-width:0;margin:0;position:relative;isolation:isolate}.queue-marquee .marquee-copy{position:relative;z-index:1;text-shadow:0 1px 3px #000,0 0 8px #000}.queue-marquee .equalizer{position:absolute;inset:0;z-index:-1;width:100%;height:100%!important;min-height:0;margin:0;padding:3px;gap:1px;opacity:.55;background:linear-gradient(90deg,#05050599,#1114,#05050599);border:0}.queue-marquee .equalizer:before{bottom:1px;height:1px}.queue-marquee .equalizer span:after{display:none}.queue-controls{flex:0 0 auto;margin:0}.queue-controls .metal-button{flex-shrink:0}.queue-progress{width:100%;margin-bottom:8px}.queue-progress .timeline{margin:0}.queue-progress .times{margin-top:2px}.playlist-panel ol{flex:1 1 0;min-height:0;padding:0;margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;list-style:none;scrollbar-width:thin;scrollbar-color:var(--visualizer-color) #050b24}.playlist-panel ol::-webkit-scrollbar{width:14px}.playlist-panel ol::-webkit-scrollbar-track{margin:5px 0;border-radius:999px;background:#050b24;box-shadow:inset 0 0 6px #02040e}.playlist-panel ol::-webkit-scrollbar-thumb{border:2px solid #050b24;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--visualizer-color),white 40%),var(--visualizer-color));box-shadow:0 0 6px var(--visualizer-color),0 0 14px color-mix(in srgb,var(--visualizer-color),transparent 25%)}.playlist-panel ol::-webkit-scrollbar-thumb:hover{background:var(--visualizer-color);box-shadow:0 0 9px var(--visualizer-color),0 0 20px var(--visualizer-color)}.playlist-panel li{height:50px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #333;background:#111111e0;color:#d5d5d5}.playlist-panel li:nth-child(2n){background:#2f2f2fa6}.playlist-panel li.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 33%,#151515),#252525);box-shadow:inset 4px 0 var(--accent);color:#fff}.playlist-panel li.doubleclick-play{cursor:pointer}.track-no{width:30px;font:16px DM Mono,monospace;color:#888}.mini-art{position:relative;width:29px;height:29px;background:#222;flex:none;display:grid;place-items:center;color:var(--accent);overflow:hidden}.mini-art:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;background:#050814b8;color:#fff;font-size:13px;opacity:0;transition:opacity .16s ease}.playlist-panel li.doubleclick-play:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 28%,#121626),#1a1740);box-shadow:inset 3px 0 var(--accent)}.playlist-panel li.doubleclick-play:hover .mini-art:after{opacity:1}.theme-cosmic .playlist-panel li.doubleclick-play:hover{background:linear-gradient(90deg,#1d4e9b,#68206e);box-shadow:inset 4px 0 #28e9ff,0 0 10px #f442e855}.track-copy{min-width:0;flex:1;display:flex;flex-direction:column}.track-copy strong,.track-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy strong{font-size:18px;line-height:18px}.track-copy small{font-size:14px;color:#aaa}.playlist-panel time{font:12px DM Mono,monospace;color:#aaa}.queue-mark{font:9px DM Mono,monospace;color:var(--accent);border:1px solid var(--accent);padding:2px 4px}.empty{justify-content:center;color:#999}.compact .now-playing{height:100%}.compact .now-body{height:calc(100% - 27px)}.compact .artwork{width:157px;height:157px}.compact .track-details h1{font-size:31px}.compact .album{display:none}.compact .equalizer{height:38px;padding-bottom:14px;margin-top:3px}.compact .equalizer:before{bottom:13px}.compact .equalizer span:after{top:calc(100% + 14px)}.playlist .playlist-panel{height:100%}.admin{max-width:1000px;margin:0 auto;padding:32px 18px 64px;color:#ececec;background:#161616;min-height:100vh}.admin-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;border-bottom:2px solid #ff8a00}.admin h1{font-size:38px;line-height:.9;margin:6px 0 15px}.admin h2{margin:0 0 12px;color:#ff9a20;font-size:21px}.admin-card{background:linear-gradient(145deg,#323232,#171717);border:1px solid #565656;border-radius:5px;padding:18px;margin:12px 0;box-shadow:inset 0 1px #666}.admin-card p{margin:0 0 12px}.admin button,.primary{border:1px solid #a45a12;background:#2e2e2e;color:#eee;padding:7px 12px;text-decoration:none;border-radius:3px}.primary{display:inline-block;background:#b95d00}.inline{display:flex;gap:8px}.credential-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.credential-fields label{display:grid;gap:3px;color:#cfcfcf;font-size:13px}.credential-fields label:last-of-type{grid-column:1 / -1}.credential-fields button{width:max-content}.admin input:not([type=color]):not([type=checkbox]):not([type=range]),.admin select{border:1px solid #666;background:#111;color:#eee;padding:7px;width:100%;margin:6px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.grid h2{grid-column:1/-1}.setting{display:flex;align-items:center;gap:8px;color:#ddd}.setting input[type=number]{width:80px;margin-left:auto}.setting.upload-image{align-items:flex-start;flex-direction:column}.setting.upload-image input[type=file]{max-width:100%;color:#cfd9ff}.setting.idle-message{align-items:flex-start;flex-direction:column}.setting.idle-message input{width:100%}.setting select{width:auto;margin-left:auto}.setting input[type=color]{margin-left:auto}.obs-url{display:flex;align-items:center;gap:10px;border-top:1px solid #444;padding:10px 0}.obs-url span{width:100px;display:flex;flex-direction:column}.obs-url small{color:#aaa}.obs-url code{flex:1;font-size:12px;color:#ffc17d;overflow:hidden;text-overflow:ellipsis}.demo-link{color:#ffb253;margin-bottom:15px}.notice{position:sticky;bottom:10px;background:#442907;border:1px solid #f78b10;padding:8px 12px;border-radius:3px}.theme-cosmic .now-body{padding:6px 18px 14px}.theme-cosmic .track-details{width:100%;min-height:0}.theme-cosmic .queue-header{min-height:62px;height:auto;justify-content:space-between}.theme-cosmic .queue-marquee{font-size:28px;line-height:1.15}.theme-cosmic .queue-controls{display:flex;align-items:center;gap:10px}.theme-cosmic .queue-controls .metal-button{width:34px;height:34px;border:1px solid #4ecfff88;border-radius:50%;background:radial-gradient(circle at 35% 30%,#234d8d,#0b1035 70%);box-shadow:0 0 10px #28dfff66;color:#eaffff;font-size:14px;text-shadow:none}.theme-cosmic .queue-controls .metal-button:nth-child(2){flex-basis:48px;width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(135deg,#22e9ff,#765bff 47%,#ff35df);box-shadow:0 0 15px #36e9ff99,0 0 21px #ff35dfa8;color:#fff;font-size:30px;text-shadow:0 1px 7px #182064}@media(max-width:600px){.grid{grid-template-columns:1fr}.artwork{width:105px;height:105px}.track-details h1{font-size:23px}.obs-url{flex-wrap:wrap}.obs-url code{min-width:220px}.compact .artwork{width:110px;height:110px}.credential-fields{grid-template-columns:1fr}.credential-fields label:last-of-type{grid-column:auto}.theme-cosmic .queue-header{min-height:56px;padding:0 12px;gap:8px}.theme-cosmic .queue-marquee{font-size:28px}.theme-cosmic .queue-controls{gap:5px}.theme-cosmic .queue-controls .metal-button{width:29px;height:29px;font-size:14px}.theme-cosmic .queue-controls .metal-button:nth-child(2){flex-basis:40px;width:40px;height:40px;font-size:25px}}