@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";._retroHeader_y85ug_2{justify-content:center;align-items:center;height:140px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}._retroHeader_y85ug_2:before{content:"";background:radial-gradient(ellipse at 50% 65%, rgba(var(--color-primary-rgb), .18), transparent 60%);pointer-events:none;position:absolute;inset:0}._retroHeader_y85ug_2:after{content:"";background:linear-gradient(90deg, transparent, var(--color-secondary), var(--color-primary), var(--color-secondary), transparent);height:1px;box-shadow:0 0 12px rgba(var(--color-secondary-rgb), .4);pointer-events:none;position:absolute;bottom:18px;left:12%;right:12%}._retroSun_y85ug_32{opacity:.46;background:linear-gradient(#ffd58a 0%,#ff8e70 45%,#f45ca8 75%,#b66ee8 100%);border-radius:50%;width:132px;height:132px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);mask-image:linear-gradient(#000 0% 48%,#0000 48% 52%,#000 52% 62%,#0000 62% 67%,#000 67% 75%,#0000 75% 82%,#000 82% 88%,#0000 88% 93%,#000 93%)}._retroGrid_y85ug_45{transform-origin:bottom;opacity:.85;background-image:linear-gradient(#0000,#0000 23%,#06b6d44d 24% 25%,#0000 26% 73%,#06b6d44d 74% 75%,#0000 76%),linear-gradient(90deg,#0000 24%,#06b6d44d 25% 26%,#0000 27% 74%,#06b6d44d 75% 76%,#0000 77%,#0000);background-position:0 0;background-size:50px 50px;height:100px;position:absolute;bottom:0;left:0;right:0;transform:perspective(500px)rotateX(60deg)}._retroTitle_y85ug_61{z-index:2;text-align:center;position:relative}._retroTitleText_y85ug_67{text-transform:uppercase;letter-spacing:5px;background:linear-gradient(180deg, #fff4fa 0%, var(--color-primary) 38%, #b39af5 52%, var(--color-secondary) 78%, #e8fcff 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #ffffff4d;filter:drop-shadow(0 3px 0 rgba(var(--color-primary-rgb), .35)) drop-shadow(0 0 12px rgba(var(--color-primary-rgb), .35)) drop-shadow(0 0 26px rgba(var(--color-secondary-rgb), .18));-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;position:relative}._retroSubtitle_y85ug_84{font-family:var(--font-family);letter-spacing:3px;color:var(--color-secondary);text-shadow:0 0 10px rgba(var(--color-secondary-rgb), .25);margin-top:8px;font-size:.85rem;font-weight:600}._scanLine_y85ug_94{display:none}@media (width<=768px){._retroHeader_y85ug_2{height:100px}._retroTitleText_y85ug_67{letter-spacing:3px;font-size:clamp(1.5rem,7.5vw,2rem)}._retroSubtitle_y85ug_84{letter-spacing:2px;font-size:.7rem}._retroSun_y85ug_32{width:88px;height:88px}}.themeSwitcher[data-astro-cid-ijxc6blt]{z-index:1000;position:fixed;top:20px;right:20px}.themeSwitcherButton[data-astro-cid-ijxc6blt]{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text,#fff);cursor:pointer;font-family:var(--font-family);box-shadow:var(--shadow-soft);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:16px;font-weight:600;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex}.themeSwitcherButton[data-astro-cid-ijxc6blt]:hover{background:var(--color-button-hover,#ff00ff4d);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12)}.themeIcon[data-astro-cid-ijxc6blt]{font-size:20px}.themeLabel[data-astro-cid-ijxc6blt]{display:none}@media (width>=768px){.themeLabel[data-astro-cid-ijxc6blt]{display:inline}}.themeSwitcherDropdown[data-astro-cid-ijxc6blt]{background:var(--color-surface);border:1px solid var(--color-border);min-width:280px;max-width:320px;box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;border-radius:12px;max-height:70vh;padding:16px;transition:all .3s;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;transform:translateY(-10px)}.themeSwitcherDropdown[data-astro-cid-ijxc6blt].show{opacity:1;visibility:visible;transform:translateY(0)}.themeSwitcherHeader[data-astro-cid-ijxc6blt]{color:var(--color-primary,#f0f);text-align:center;font-size:18px;font-weight:700;font-family:var(--font-family);margin-bottom:12px}.themeSwitcherList[data-astro-cid-ijxc6blt]{flex-direction:column;gap:8px;display:flex}.themeSwitcherList[data-astro-cid-ijxc6blt] .themeOption{background:var(--color-button-bg,#ff00ff0d);border:1px solid var(--color-border);color:var(--color-text,#fff);cursor:pointer;font-family:var(--font-family);text-align:left;border-radius:8px;padding:12px;transition:all .3s}.themeSwitcherList[data-astro-cid-ijxc6blt] .themeOption:hover{background:var(--color-button-hover,#f0f3);border-color:var(--color-primary)}.themeSwitcherList[data-astro-cid-ijxc6blt] .themeOption.active{background:var(--color-button-hover);color:var(--color-text);border-color:var(--color-primary);box-shadow:inset 3px 0 var(--color-primary)}.themeSwitcherList[data-astro-cid-ijxc6blt] .themeName{margin-bottom:4px;font-size:16px;font-weight:600;display:block}.themeSwitcherList[data-astro-cid-ijxc6blt] .themeDescription{color:var(--color-muted);font-size:13px;display:block}@media (width<=768px){.themeSwitcher[data-astro-cid-ijxc6blt]{top:12px;right:12px}.themeSwitcherButton[data-astro-cid-ijxc6blt]{padding:8px}.themeSwitcherDropdown[data-astro-cid-ijxc6blt]{width:min(320px,100vw - 24px);min-width:0}}.themeSwitcherDropdown[data-astro-cid-ijxc6blt]::-webkit-scrollbar{width:8px}.themeSwitcherDropdown[data-astro-cid-ijxc6blt]::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.themeSwitcherDropdown[data-astro-cid-ijxc6blt]::-webkit-scrollbar-thumb{background:var(--color-primary,#f0f);border-radius:4px}.themeSwitcherDropdown[data-astro-cid-ijxc6blt]::-webkit-scrollbar-thumb:hover{background:var(--color-secondary,#0ff)}:root{--color-primary:#f472b6;--color-secondary:#67d5e8;--color-accent:#f6c667;--color-background:#120e24;--color-text:#f4f0ff;--color-primary-rgb:244, 114, 182;--color-secondary-rgb:103, 213, 232;--color-accent-rgb:246, 198, 103;--color-button-bg:#f472b60f;--color-button-hover:#f472b61f;--color-glow:#f472b6;--background-gradient:linear-gradient(135deg, #120e24 0%, #2a183d 100%);--font-family:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-surface:color-mix(in srgb, var(--color-background) 94%, var(--color-text));--color-border:color-mix(in srgb, var(--color-background) 65%, var(--color-primary));--color-muted:color-mix(in srgb, var(--color-text) 72%, var(--color-background));--shadow-soft:0 6px 24px #00000029}*{box-sizing:border-box}body{background:var(--background-gradient);font-family:var(--font-family);color:var(--color-text);background-attachment:fixed;margin:0;padding:0;font-size:16px;line-height:1.5;transition:background .3s,color .3s;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(rgba(var(--color-primary-rgb), .04) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-secondary-rgb), .04) 1px, transparent 1px);z-index:0;pointer-events:none;background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}.header{background:var(--color-surface);z-index:100;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft);width:100%;margin:0;padding:0 20px 15px;position:sticky;top:0}.retroHeader{justify-content:center;align-items:center;height:140px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.retroSun{opacity:.3;background:linear-gradient(#ff006e 0%,#ff6b35 50%,#ffbe0b 100%);border-radius:50%;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ff006e99,0 0 80px #ff6b3566,0 0 120px #ffbe0b33,inset 0 0 30px #ff006ecc}.retroGrid{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);transform-origin:bottom;background-position:0 0;background-size:50px 50px;height:100px;position:absolute;bottom:0;left:0;right:0;transform:perspective(500px)rotateX(60deg)}.retroTitle{z-index:2;text-align:center;position:relative}.retroTitleText{text-transform:uppercase;letter-spacing:8px;background:linear-gradient(#ff4d94 0%,#a855f7 50%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffff4d;filter:drop-shadow(0 0 30px #ff4d94) drop-shadow(0 0 50px rgba(var(--color-primary-rgb), .8)) drop-shadow(0 0 70px #22d3ee99);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;animation:3s ease-in-out infinite titleGlow;position:relative}.retroTitleText:before{content:attr(data-text);z-index:-1;background:linear-gradient(180deg, #ff4d94 0%, rgba(var(--color-primary-rgb), .8) 50%, #22d3ee99 100%);-webkit-text-fill-color:transparent;filter:blur(15px);-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}@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}}.retroSubtitle{letter-spacing:6px;color:#22d3ee;text-shadow:0 0 15px #22d3ee,0 0 30px #22d3eecc,0 0 45px #22d3ee80;margin-top:8px;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;animation:5s linear infinite subtitleFlicker}@keyframes subtitleFlicker{0%,to{opacity:1}97%,99%{opacity:.9}98%{opacity:1}}.scanLine{display:none}.soundwave{opacity:0;visibility:hidden;align-items:flex-end;gap:3px;height:32px;margin-left:8px;transition:opacity .3s,visibility .3s;display:flex}.soundwave.playing{opacity:1;visibility:visible}.soundwaveBar{transform-origin:bottom;background:linear-gradient(#f472b6 0%,#ec4899 50%,#be185d 100%);border-radius:2px;width:3px;height:100%;box-shadow:0 0 6px #f472b699}.soundwaveBar:first-child{animation:.6s ease-in-out infinite soundwavePulse}.soundwaveBar:nth-child(2){animation:.7s ease-in-out .1s infinite soundwavePulse}.soundwaveBar:nth-child(3){animation:.5s ease-in-out .2s infinite soundwavePulse}.soundwaveBar:nth-child(4){animation:.8s ease-in-out .3s infinite soundwavePulse}.soundwaveBar:nth-child(5){animation:.6s ease-in-out .4s infinite soundwavePulse}.soundwaveBar:nth-child(6){animation:.7s ease-in-out .5s infinite soundwavePulse}.soundwaveBar:nth-child(7){animation:.5s ease-in-out .6s infinite soundwavePulse}.soundwaveBar:nth-child(8){animation:.8s ease-in-out .7s infinite soundwavePulse}.soundwaveBar:nth-child(9){animation:.6s ease-in-out .8s infinite soundwavePulse}.soundwaveBar:nth-child(10){animation:.7s ease-in-out .9s infinite soundwavePulse}@keyframes soundwavePulse{0%,to{opacity:.6;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}@media (width<=768px){.retroHeader{height:100px}.retroTitleText{letter-spacing:4px;font-size:2.5rem}.retroSubtitle{letter-spacing:4px;font-size:.7rem}.retroSun{width:80px;height:80px}}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;max-width:800px;margin:0 auto 12px;display:flex}.volumeContainer{background:var(--color-button-bg);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:10px;padding:8px 15px;transition:all .3s;display:flex}.volumeContainer:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .08)}.volumeIcon{cursor:pointer;user-select:none;filter:drop-shadow(0 0 5px rgba(var(--color-primary-rgb), .5));font-size:20px;transition:all .3s}.volumeIcon:hover{filter:drop-shadow(0 0 10px rgba(var(--color-primary-rgb), .8));transform:scale(1.2)}.volumeSlider{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,#475569 0%,#6366f1 50%,#a855f7 100%);border-radius:3px;outline:none;width:100px;height:6px}.volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px rgba(var(--color-primary-rgb), .6);background:linear-gradient(145deg,#a855f7 0%,#c084fc 100%);border:2px solid #e9d5ff;border-radius:50%;transition:all .3s}.volumeSlider::-webkit-slider-thumb:hover{box-shadow:0 0 15px rgba(var(--color-primary-rgb), .8);transform:scale(1.2)}.volumeSlider::-moz-range-thumb{cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px rgba(var(--color-primary-rgb), .6);background:linear-gradient(145deg,#a855f7 0%,#c084fc 100%);border:2px solid #e9d5ff;border-radius:50%;transition:all .3s}.volumeSlider::-moz-range-thumb:hover{box-shadow:0 0 15px rgba(var(--color-primary-rgb), .8);transform:scale(1.2)}.sortSelect{font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow: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-position:right 8px center;background-repeat:no-repeat;border-radius:12px;outline:none;padding:8px 30px 8px 12px;font-size:14px;font-weight:500;transition:all .3s}.sortSelect:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .08)}.sortSelect:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb), .16)}.categoryFilters{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:800px;margin:0 auto;padding:8px;display:flex}.categoryFilter{background:var(--color-button-bg);color:var(--color-muted);border:1px solid var(--color-border);letter-spacing:0;cursor:pointer;box-shadow:none;text-transform:none;min-width:auto;height:auto;font-size:13px;font-weight:700;font-family:var(--font-family);border-radius:999px;padding:8px 20px;transition:background-color .2s,border-color .2s,color .2s}.categoryFilter:hover{border-color:var(--filter-color,#a855f7);color:var(--filter-color,#c084fc);background:var(--color-button-hover)}.categoryFilter.active{background:var(--color-button-hover);border-color:var(--filter-color,var(--color-primary));color:var(--color-text);box-shadow:inset 0 0 0 1px var(--filter-color,var(--color-primary))}.categoryFilter[data-category=all]{--filter-color:#a855f7}.searchContainer{flex:1;min-width:min(300px,100%);max-width:500px}.search{width:100%;font-family:var(--font-family);background:var(--color-button-bg);color:var(--color-text);border:1px solid var(--color-border);text-transform:none;letter-spacing:0;box-shadow:none;border-radius:12px;outline:none;padding:15px 20px;font-size:16px;font-weight:400;transition:all .3s}.search::placeholder{color:var(--color-muted)}.search:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb), .16)}.wrap{z-index:1;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;margin:0;display:flex;position:relative}.inner{flex-wrap:wrap;flex:1;justify-content:center;align-items:flex-start;gap:20px;width:100%;padding:20px;display:flex;overflow-y:auto}.button{background:linear-gradient(145deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 94%, var(--color-primary)));cursor:pointer;color:var(--color-text);border:1px solid var(--color-border);font-size:16px;font-family:var(--font-family);text-transform:none;letter-spacing:0;width:200px;height:96px;box-shadow:var(--shadow-soft), 0 0 10px rgba(var(--color-primary-rgb), .14), inset 0 0 12px rgba(var(--color-secondary-rgb), .04);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.button:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--color-secondary-rgb), .2), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.button:hover{color:var(--color-text);border-color:var(--color-primary);box-shadow:0 8px 24px #0003, 0 0 14px rgba(var(--color-primary-rgb), .3), 0 0 24px rgba(var(--color-primary-rgb), .12), inset 0 0 12px rgba(var(--color-secondary-rgb), .06);transform:translateY(-2px)}.button:hover:before{left:100%}.button:active{box-shadow:inset 0 0 16px rgba(var(--color-primary-rgb), .14);transform:translateY(0)}.buttonText{-webkit-line-clamp:2;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;width:100%;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.categoryTag{font-family:var(--font-family);text-transform:none;letter-spacing:0;box-shadow:none;border:1px solid;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;transition:border-color .2s}.playing{background:color-mix(in srgb, var(--color-surface) 85%, var(--color-primary));border-color:var(--color-primary);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-primary), 0 0 18px rgba(var(--color-primary-rgb), .12)}.playing:before{display:none}@keyframes playingPulse{0%,to{box-shadow:0 0 10px #ec48994d}50%{box-shadow:0 0 20px #ec489999}}@keyframes scan{0%{left:-100%}to{left:100%}}.keyboard-focused{border-color:var(--color-secondary);outline:2px solid var(--color-secondary);outline-offset:3px;box-shadow:none}.keyboard-focused:before{background:linear-gradient(90deg, transparent, rgba(var(--color-secondary-rgb), .3), transparent);left:100%}.stop{background:var(--color-button-hover);border:1px solid var(--color-primary);min-width:90px;height:40px;color:var(--color-text);font-family:var(--font-family);letter-spacing:1px;box-shadow:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex}.stopIcon{filter:drop-shadow(0 0 5px #d946ef);font-size:14px}.stop:hover{border-color:var(--color-primary);color:var(--color-text);background:var(--color-button-hover);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12);transform:translateY(-1px)}.stop:hover .stopIcon{filter:drop-shadow(0 0 10px #d946ef)drop-shadow(0 0 15px #f5d0fe)}.stop:active{box-shadow:none;transform:translateY(0)}.overlay{z-index:200;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s,transform .8s;display:flex;position:fixed;inset:0;overflow:hidden}.overlay.fadeOut{opacity:0;pointer-events:none;transform:scale(1.02)}.overlayBg{background:var(--background-gradient);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.overlayStars{background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 85%,#fff,#0000),radial-gradient(1px 1px at 15% 75%,#fff,#0000);background-position:0 0;background-size:200% 200%;width:100%;height:100%;animation:120s linear infinite starsMove;position:absolute}@keyframes starsMove{0%{background-position:0 0}to{background-position:100% 100%}}.overlayGrid{opacity:.3;transform-origin:bottom;background:linear-gradient(0deg,#0000 0% calc(100% - 2px),#f472b6 calc(100% - 2px) 100%) 0 0/100% 40px,linear-gradient(90deg,#0000 0% calc(100% - 2px),#f472b6 calc(100% - 2px) 100%) 0 0/40px 100%;width:100%;height:60%;animation:3s linear infinite gridMove;position:absolute;bottom:0;left:0;transform:perspective(500px)rotateX(60deg)}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:0 40px,40px 0}}.overlaySun{aspect-ratio:1;opacity:.22;background:linear-gradient(#ffbe70,#ff6b95 55%,#b36fe2);border-radius:50%;width:min(280px,60vw);position:absolute;top:20%;left:50%;transform:translate(-50%);mask-image:linear-gradient(#000 0% 48%,#0000 48% 52%,#000 52% 62%,#0000 62% 67%,#000 67% 75%,#0000 75% 82%,#000 82% 88%,#0000 88% 93%,#000 93%)}@keyframes sunPulse{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.overlayContent{z-index:10;flex-direction:column;align-items:center;gap:24px;width:100%;padding:24px 16px;animation:.4s ease-out overlayContentFadeIn;display:flex;position:relative}@keyframes overlayContentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.overlayTitle{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);text-shadow:0 0 24px rgba(var(--color-primary-rgb), .25);font-family:Orbitron,monospace;font-size:clamp(2.5rem,10vw,5rem);font-weight:900;position:relative}.overlayTitle:before{display:none}@keyframes titleGlitch{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.8;transform:translate(-2px,2px)}94%{opacity:.8;transform:translate(2px,-2px)}96%{opacity:.8;transform:translate(-2px,-2px)}98%{opacity:.8;transform:translate(2px,2px)}}.overlaySubtitle{font-family:var(--font-family);letter-spacing:2px;color:var(--color-secondary);text-align:center;margin-top:-20px;font-size:clamp(.7rem,2.5vw,1rem);font-weight:500}.overlayButton{font-family:var(--font-family);letter-spacing:1px;text-transform:uppercase;background:var(--color-surface);border:1px solid var(--color-primary);cursor:pointer;width:min(350px,100vw - 48px);height:64px;box-shadow:var(--shadow-soft);border-radius:12px;font-size:18px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.overlayButtonText{z-index:2;color:var(--color-text);position:relative}.overlayButtonGlow{background:radial-gradient(circle, rgba(var(--color-primary-rgb), .3) 0%, transparent 70%);opacity:.3;width:200%;height:200%;position:absolute;top:-50%;left:-50%}@keyframes buttonGlowMove{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.overlayButton:hover{border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb), .12);transform:translateY(-2px)}.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{z-index:150;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:30px;right:30px;transform:translate(150%)}.notification.show{opacity:1;transform:translate(0)}.notificationContent{backdrop-filter:blur(10px);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);background:#190335f2;border:2px solid #6366f1;border-radius:4px;align-items:center;gap:15px;padding:18px 28px;animation:3s ease-in-out infinite notificationGlow;display:flex;position:relative}.notificationContent:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#6366f108 0 1px,#0000 1px 3px);border-radius:4px;position:absolute;inset:0}.notificationIcon{filter:drop-shadow(0 0 8px rgba(var(--color-secondary-rgb), .6));font-size:28px;animation:2s ease-in-out infinite speakerPulseSoft}.notificationText{font-family:var(--font-family);color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 8px #94a3b866, 0 0 12px rgba(var(--color-secondary-rgb), .2);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:14px;font-weight:700;line-height:1.4;overflow:hidden}@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{z-index:160;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-150%)}.updateNotification.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.updateContent{backdrop-filter:blur(10px);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;background:linear-gradient(145deg,#7c3aed 0%,#a855f7 100%);border:2px solid #c084fc;border-radius:8px;align-items:center;gap:18px;padding:20px 30px;animation:2s ease-in-out infinite updateGlow;display:flex}.updateIcon{filter:drop-shadow(0 0 10px #fffc);font-size:32px;animation:1.5s ease-in-out infinite sparkle}.updateTextContainer{flex-direction:column;flex:1;gap:4px;display:flex}.updateTitle{font-family:var(--font-family);color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px #ffffff80;font-size:16px;font-weight:900}.updateSubtitle{font-family:var(--font-family);color:#e9d5ff;letter-spacing:.5px;font-size:12px;font-weight:600}.updateButton{color:#7c3aed;font-family:var(--font-family);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(145deg,#fff 0%,#f3e8ff 100%);border:2px solid #fff;border-radius:4px;min-width:auto;height:auto;padding:10px 24px;font-size:14px;font-weight:900;transition:all .3s;box-shadow:0 0 15px #ffffff80}.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,.playQueueSummary:before{color:var(--color-secondary)}.playQueueIcon{filter:drop-shadow(0 0 5px #06b6d4);font-size:18px}.playQueueLatest{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.playQueueList{max-height:400px;padding:8px;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:var(--font-family);background:#0d022199;border-left:3px solid #475569;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;transition:all .3s;display:flex}.playQueueItem:hover{border-left-color:var(--color-secondary);background:#190335cc;transform:translate(4px)}.playQueueItem.latest{border-left-color:#f472b6;border-radius:8px;box-shadow:0 0 10px #f472b64d}.playQueueItem.playing{background:#2d1b40cc;border-left-color:#f472b6;border-radius:8px;box-shadow:0 0 15px #f472b699}@keyframes latestGlow{0%,to{box-shadow:0 0 10px #f472b64d}50%{box-shadow:0 0 15px #f472b680}}@keyframes queuePlayingPulse{0%,to{border-left-color:#f472b6;box-shadow:0 0 15px #f472b699}50%{border-left-color:#fb7185;box-shadow:0 0 25px #f472b6cc}}.playQueueNumber{color:#a855f7;text-align:center;min-width:24px;font-size:12px;font-weight:900}.playQueueInfo{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.playQueueName{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.playQueueUser{color:var(--color-secondary);text-overflow:ellipsis;white-space:nowrap;opacity:.8;font-size:11px;font-weight:600;overflow:hidden}.playQueueTime{color:var(--color-secondary);letter-spacing:.5px;font-size:11px;font-weight:600}.playQueueEmpty{font-family:var(--font-family);text-align:center;color:#64748b;padding:20px;font-size:13px;font-style:italic}.playQueueReplay{color:#c084fc;font-family:var(--font-family);cursor:pointer;min-width:42px;height:32px;box-shadow:0 0 8px rgba(var(--color-primary-rgb), .4);background:linear-gradient(145deg,#3b0764 0%,#581c87 100%);border:2px solid #a855f7;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:6px 10px;font-weight:900;transition:all .3s;display:flex}.playQueueReplay:hover{box-shadow:0 0 15px rgba(var(--color-primary-rgb), .6);background:linear-gradient(145deg,#581c87 0%,#7e22ce 100%);border-color:#d946ef;transform:scale(1.1)}.playQueueReplay:active{transform:scale(.95)}.replayIcon{filter:drop-shadow(0 0 5px #a855f7);font-size:14px}.accordion{background:var(--color-button-bg);border:1px solid var(--color-border);max-width:800px;box-shadow:none;border-radius:12px;margin:0 auto;overflow:hidden}.accordionItem{border-bottom:1px solid #6366f133}.accordionItem:last-child{border-bottom:none}.accordionSummary{font-family:var(--font-family);cursor:pointer;text-transform:uppercase;letter-spacing:1px;user-select:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:700;list-style:none;transition:all .3s;display:flex}.accordionSummary::-webkit-details-marker{display:none}.accordionSummary:before{content:"▶";font-size:10px;transition:transform .3s}.accordionItem[open] .accordionSummary:before{transform:rotate(90deg)}.accordionSummary:hover{background:#6366f11a}.categoryFiltersSummary{color:#f472b6;justify-content:center}.categoryFiltersSummary:before{color:#f472b6}.categoryFiltersIcon{filter:drop-shadow(0 0 5px #f472b6);font-size:16px}.categoryFiltersLabel{font-weight:900}.nicknameContainer{background:var(--color-surface);border:1px solid var(--color-border);width:min(460px,100vw - 32px);box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.nicknameLabel{font-family:var(--font-family);color:var(--color-secondary);text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600}@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{align-items:center;gap:12px;width:100%;display:flex}.nicknameInput{width:100%;min-width:0;font-family:var(--font-family);background:var(--color-button-bg);color:var(--color-text);border:1px solid var(--color-border);text-align:center;letter-spacing:0;box-shadow:none;border-radius:10px;outline:none;flex:1;padding:12px;font-size:16px;font-weight:500;transition:all .3s}.nicknameInput:focus{border-color:var(--color-secondary);color:var(--color-secondary);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb), .16)}.nicknameInput::placeholder{color:var(--color-muted);text-transform:none}.nicknameGenerate{background:var(--color-button-bg);border:1px solid var(--color-border);cursor:pointer;width:48px;height:48px;box-shadow:none;border-radius:10px;flex-shrink:0;font-size:24px;transition:all .3s}@keyframes diceFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(5deg)}}.nicknameGenerate:hover{border-color:var(--color-secondary);box-shadow:0 0 25px rgba(var(--color-secondary-rgb), .8), inset 0 0 15px rgba(var(--color-secondary-rgb), .3);background:linear-gradient(145deg,#581c87 0%,#7e22ce 100%);animation:none;transform:scale(1.1)rotate(90deg)}.nicknameGenerate:active{transform:scale(.95)rotate(180deg)}.usersSummary{color:#f59e0b;justify-content:center}.usersSummary:before{color:#f59e0b}.usersIcon{filter:drop-shadow(0 0 5px #f59e0b);font-size:16px}.usersCount{font-weight:900}.usersList{max-height:300px;padding:8px;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:var(--font-family);background:#0d022199;border-left:3px solid #f59e0b;align-items:center;gap:12px;margin-bottom:6px;padding:8px 12px;transition:all .3s;display:flex}.usersItem:hover{background:#190335cc;transform:translate(4px);box-shadow:0 0 10px #f59e0b4d}.usersItem .usersIcon{font-size:14px}.usersName{color:#fbbf24;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.usersEmpty{font-family:var(--font-family);text-align:center;color:#64748b;padding:20px;font-size:13px;font-style:italic}.stickyUsers{z-index:150;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:14px;min-width:300px;max-width:400px;position:fixed;top:20px;left:20px;overflow:hidden}.stickyUsersSummary{font-family:var(--font-family);cursor:pointer;color:#fbbf24;text-transform:uppercase;letter-spacing:1px;user-select:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:700;list-style:none;transition:all .3s;display:flex}.stickyUsersSummary::-webkit-details-marker{display:none}.stickyUsersSummary:before{content:"▼";color:#f59e0b;font-size:10px;transition:transform .3s}.stickyUsers:not([open]) .stickyUsersSummary:before{transform:rotate(-90deg)}.stickyUsersSummary:hover{background:#f59e0b1a}.stickyUsersIcon{filter:drop-shadow(0 0 5px #f59e0b);font-size:18px}.stickyUsersCount{color:#0d0221;text-align:center;background:#f59e0b;border-radius:12px;min-width:28px;padding:4px 10px;font-size:12px;font-weight:900;box-shadow:0 0 10px #f59e0b99}.stickyUsersList{max-height:400px;padding:8px;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:var(--font-family);background:var(--color-button-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.stickyUsersYourNick{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.stickyUsersEditBtn{cursor:pointer;filter:grayscale()opacity(.6);background:0 0;border:none;padding:4px;font-size:14px;transition:all .3s}.stickyUsersEditBtn:hover{filter:grayscale(0)opacity();transform:scale(1.2)}.stickyUsersEditContainer{background:#0d0221b3;border-bottom:2px solid #f59e0b;gap:6px;padding:8px 12px}.stickyUsersEditInputWrapper{align-items:center;gap:6px;display:flex}.stickyUsersEditInput{font-family:var(--font-family);color:#fbbf24;background:#190335cc;border:2px solid #f59e0b;border-radius:4px;outline:none;flex:1;padding:6px 10px;font-size:12px;font-weight:600}.stickyUsersEditInput:focus{border-color:var(--color-secondary);box-shadow:0 0 10px rgba(var(--color-secondary-rgb), .4)}.stickyUsersEditRandom{cursor:pointer;box-shadow:0 0 8px rgba(var(--color-primary-rgb), .4);background:linear-gradient(145deg,#3b0764 0%,#581c87 100%);border:2px solid #a855f7;border-radius:4px;padding:6px 8px;font-size:16px;transition:all .3s}.stickyUsersEditRandom:hover{border-color:var(--color-secondary);box-shadow:0 0 15px rgba(var(--color-secondary-rgb), .6);background:linear-gradient(145deg,#581c87 0%,#7e22ce 100%);transform:scale(1.1)rotate(90deg)}.stickyUsersEditRandom:active{transform:scale(.95)rotate(180deg)}.stickyUsersEditButtons{gap:6px;margin-top:6px;display:flex}.stickyUsersEditSave,.stickyUsersEditCancel{font-family:var(--font-family);cursor:pointer;border:2px solid;border-radius:4px;flex:1;padding:6px;font-size:14px;font-weight:700;transition:all .3s}.stickyUsersEditSave{color:#6ee7b7;background:linear-gradient(145deg,#065f46 0%,#047857 100%);border-color:#10b981}.stickyUsersEditSave:hover{background:linear-gradient(145deg,#047857 0%,#059669 100%);transform:scale(1.05);box-shadow:0 0 15px #10b98180}.stickyUsersEditCancel{color:#fca5a5;background:linear-gradient(145deg,#7f1d1d 0%,#991b1b 100%);border-color:#ef4444}.stickyUsersEditCancel:hover{background:linear-gradient(145deg,#991b1b 0%,#b91c1c 100%);transform:scale(1.05);box-shadow:0 0 15px #ef444480}.stickyUsersItem{font-family:var(--font-family);background:#0d022199;border-left:3px solid #f59e0b;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;transition:all .3s;display:flex}.stickyUsersItem:hover{background:#190335cc;transform:translate(4px);box-shadow:0 0 10px #f59e0b4d}.stickyUsersItem.playing{box-shadow:inset 3px 0 var(--color-primary);background:#ec489933;border-left-color:#ec4899}.stickyUsersItem.playing .stickyUsersIcon{animation:1s ease-in-out infinite iconBounce}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.stickyUsersItem .stickyUsersIcon{font-size:14px}.playingBadge{font-family:var(--font-family);color:#ec4899;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#ec489933;border:1px solid #ec4899;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.stickyUsersName{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.stickyUsersEmpty{font-family:var(--font-family);text-align:center;color:var(--color-muted);padding:16px;font-size:12px;font-style:italic}.nowPlaying{z-index:150;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:fixed;top:80px;right:20px;transform:translate(150%)}.nowPlaying.show{opacity:1;transform:translate(0)}.nowPlayingContent{background:var(--color-surface);border:1px solid var(--color-primary);box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;gap:12px;min-width:280px;max-width:400px;padding:16px 24px 12px;display:flex;overflow:hidden}.nowPlayingTop{align-items:center;gap:15px;display:flex}.nowPlayingIcon{filter:drop-shadow(0 0 10px #f472b6);font-size:28px;animation:2s ease-in-out infinite nowPlayingPulse}@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-direction:column;flex:1;gap:6px;display:flex;overflow:hidden}.nowPlayingText{font-family:var(--font-family);color:var(--color-text);text-transform:none;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.nowPlayingUser{font-family:var(--font-family);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.progressBar{background:#f472b633;border-radius:0 0 2px 2px;height:4px;margin:0 -24px -12px;position:relative;overflow:hidden}.progressBarFill{background:linear-gradient(90deg,#f472b6 0%,#ec4899 50%,#be185d 100%);width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #f472b6cc}@media (width<=768px){.stickyUsers{z-index:1;width:calc(100% - 32px);min-width:0;max-width:none;margin:16px 16px 0;position:relative;top:auto;left:auto}.stickyUsersList{max-height:180px}.inner{gap:12px;padding:16px}.button{width:calc(50% - 6px);min-width:0}.buttonText{font-size:14px}.nowPlaying{width:calc(100% - 32px);max-width:400px;top:auto;bottom:16px;right:16px}.nowPlayingContent{min-width:0;padding:12px 16px}.progressBar{margin:0 -16px -12px}}:where(button,input,select,summary):focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}