@property --primary{syntax: "<color>"; inherits: true; initial-value: #8a2be2;}@property --secondary{syntax: "<color>"; inherits: true; initial-value: #00f0ff;}@property --audio-bass{syntax: "<number>"; inherits: true; initial-value: 0;}@property --audio-mid{syntax: "<number>"; inherits: true; initial-value: 0;}@property --audio-high{syntax: "<number>"; inherits: true; initial-value: 0;}:root{color-scheme:dark;--bg-dark: #0a0a14;--bg-card: rgba(18, 18, 32, .45);--bg-card-hover: rgba(26, 26, 46, .6);--border-glass: rgba(255, 255, 255, .07);--border-glass-focus: rgba(255, 255, 255, .15);--primary: #8a2be2;--primary-glow: rgba(138, 43, 226, .4);--secondary: #00f0ff;--secondary-glow: rgba(0, 240, 255, .3);--text-main: #f0f0f5;--text-muted: #8e8eaf;--ease-standard: cubic-bezier(.2, .72, .2, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.2, .9, .24, 1.18);--motion-fast: .18s;--motion-normal: .34s;--motion-slow: .56s;--transition-fast: var(--motion-fast) var(--ease-standard);--transition-normal: var(--motion-normal) var(--ease-emphasized);--font-heading: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{min-width:280px;background-color:var(--bg-dark);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);transition:--primary 1.6s cubic-bezier(.25,.8,.25,1),--secondary 1.6s cubic-bezier(.25,.8,.25,1)}button,input,select{-webkit-tap-highlight-color:transparent}button,select{touch-action:manipulation}.bg-glow{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:calc(var(--blob-opacity, 1) * .35);mix-blend-mode:screen;animation:blob-float 25s infinite alternate ease-in-out;will-change:transform;contain:layout paint style;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);transition:opacity .3s ease}.blob-1{width:250px;height:250px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-10%;left:-10%;animation-duration:20s}.blob-2{width:300px;height:300px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:-15%;right:-10%;animation-duration:28s;animation-delay:-5s}.blob-3{width:200px;height:200px;background:radial-gradient(circle,#ff007f 0%,transparent 70%);top:40%;left:50%;animation-duration:24s;animation-delay:-10s}@keyframes blob-float{0%{transform:translateZ(0) scale(calc(var(--blob-scale, 1) * 2)) rotate(0)}33%{transform:translate3d(50px,-40px,0) scale(calc(var(--blob-scale, 1) * 2.3)) rotate(120deg)}66%{transform:translate3d(-30px,40px,0) scale(calc(var(--blob-scale, 1) * 1.8)) rotate(240deg)}to{transform:translateZ(0) scale(calc(var(--blob-scale, 1) * 2)) rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff03}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px;border:1px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--secondary, #00f0ff);box-shadow:0 0 8px var(--secondary-glow, rgba(0, 240, 255, .4))}.app-container{position:relative;z-index:1;width:calc(100% - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);max-width:1400px;max-height:850px;display:grid;grid-template-columns:clamp(300px,24vw,340px) minmax(0,1fr);background:var(--bg-card);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-glass);border-radius:24px;box-shadow:0 24px 64px #0006;overflow:hidden;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.sidebar{background:#08081080;border-right:1px solid var(--border-glass);display:flex;flex-direction:column;overflow:hidden;contain:layout paint style}.brand{padding:24px;display:flex;align-items:center;gap:12px}.brand .logo{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.brand h1{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#fff,#8a2be2,#00f0ff,#fff);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-shimmer 8s linear infinite}@keyframes text-shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.import-section{padding:0 24px 20px;display:flex;flex-direction:column;gap:12px}.import-buttons{display:flex;gap:10px}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:10px;font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary),#a24bf5);color:#fff;border:none;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #8a2be28c}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-glass-focus)}.drop-zone{border:2px dashed rgba(255,255,255,.12);border-radius:12px;padding:18px 14px;text-align:center;font-size:.8rem;color:var(--text-muted);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);cursor:pointer;background:#ffffff03;display:flex;flex-direction:column;align-items:center;gap:8px}.drop-zone-icon{color:var(--text-muted);transition:color var(--transition-fast),transform .4s cubic-bezier(.4,0,.2,1)}.drop-zone:hover .drop-zone-icon{color:var(--secondary);transform:translateY(-3px) scale(1.05)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.drop-zone-icon svg{animation:float 4s ease-in-out infinite}.drop-zone.dragover{border-color:var(--secondary);background:#00f0ff0a;color:var(--text-main);box-shadow:0 0 15px var(--secondary-glow);animation:border-dance 1.5s linear infinite}@keyframes border-dance{0%{border-color:var(--secondary)}50%{border-color:var(--primary)}to{border-color:var(--secondary)}}.playlist-header{padding:0 24px 10px}.search-box{display:flex;align-items:center;gap:8px;background:#0003;border:1px solid var(--border-glass);border-radius:8px;padding:8px 12px;margin-bottom:12px;color:var(--text-muted);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.search-box:focus-within{border-color:var(--secondary);box-shadow:0 0 8px var(--secondary-glow);color:var(--text-main)}.search-box input{background:transparent;border:none;outline:none;color:#fff;font-size:.85rem;width:100%}.search-box input::placeholder{color:var(--text-muted)}.playlist-stats{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);padding:0 2px}.btn-text{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;transition:color var(--transition-fast)}.btn-text:hover{color:#ff4d4d}.btn-text-sm{background:#ffffff0d;border:1px solid var(--border-glass);border-radius:4px;color:var(--text-muted);padding:2px 6px;font-size:.75rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn-text-sm:hover{background:#ffffff1a;color:#fff}.playlist-container{flex:1;overflow-y:auto;padding:10px 16px 20px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.playlist{list-style:none;display:flex;flex-direction:column;gap:6px}.playlist.virtualized{display:block;position:relative}.playlist.virtualized .playlist-item{position:absolute;left:0;right:0;height:58px;box-sizing:border-box}.playlist-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;cursor:pointer;background:transparent;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform .38s cubic-bezier(.25,.8,.25,1.25),opacity var(--transition-fast);position:relative;border:1px solid transparent;overflow:hidden;content-visibility:auto;contain-intrinsic-size:64px}.playlist-item:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate3d(-300%,0,0) skew(-25deg);transition:transform .62s var(--ease-emphasized);z-index:1}.playlist-item:after{content:"";position:absolute;top:0;left:0;width:3.5px;height:100%;background:linear-gradient(to bottom,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.25,.8,.25,1.2);z-index:2}.playlist-item:hover:before{transform:translate3d(300%,0,0) skew(-25deg)}.playlist-item:hover{background:var(--bg-card-hover);border-color:#ffffff0a;transform:translate(6px)}.playlist-item:hover:after{transform:scaleX(1)}.playlist-item.active{background:#8a2be21f;border-color:#8a2be240;box-shadow:inset 0 0 10px #8a2be20d;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,transparent),color-mix(in srgb,var(--secondary) 8%,transparent),color-mix(in srgb,var(--primary) 14%,transparent));background-size:200% 200%;animation:fluid-wave 6s ease infinite;border-color:color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:inset 0 0 10px color-mix(in srgb,var(--primary) 5%,transparent)}.playlist-item.error{border-color:#ff4d6d59;background:#ff4d6d14}.playlist-item.error:after{background:#ff4d6d;transform:scaleX(1)}.playlist-item.error .track-title{color:#ff8fa3}.playlist-item .track-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0;border:0;color:inherit;font:inherit;text-align:left;background:transparent;cursor:pointer}.playlist-item .track-main:focus-visible{outline:2px solid var(--secondary);outline-offset:4px;border-radius:6px}.playlist-item .track-index{font-size:.8rem;color:var(--text-muted);width:20px;text-align:center}.playlist-item.active .track-index{color:var(--secondary)}.wave-animation{display:none;align-items:flex-end;gap:2.5px;width:20px;height:12px}.playlist-item.active .wave-animation{display:inline-flex}.playlist-item.active .track-index-num{display:none}.wave-bar{width:3px;height:100%;background-color:var(--secondary);border-radius:1px;animation:wave-bounce 1s ease-in-out infinite alternate;transform:scaleY(.2);transform-origin:bottom}.wave-bar:nth-child(2){animation-delay:-.3s}.wave-bar:nth-child(3){animation-delay:-.6s}@keyframes wave-bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes fluid-wave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.playlist-item.paused .wave-bar{animation:none;transform:scaleY(.3)}.playlist-item.active.audio-reactive:not(.paused) .wave-bar{animation:none;transform-origin:bottom;will-change:transform}.playlist-item.buffering .wave-bar{animation:wave-buffering .8s ease-in-out infinite alternate}@keyframes wave-buffering{0%{opacity:.3;transform:scaleY(.25)}to{opacity:1;transform:scaleY(.8)}}.playlist-item .track-meta{flex:1;min-width:0}.playlist-item .track-title{font-size:.85rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.playlist-item.active .track-title{color:#fff;font-weight:600}.playlist-item .track-artist{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item.active .track-artist{color:#fff9}.playlist-item .track-right{display:flex;align-items:center;gap:12px}.playlist-item .track-duration{font-size:.75rem;color:var(--text-muted)}.playlist-item .btn-remove-track{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.playlist-item:hover .btn-remove-track,.playlist-item:focus-within .btn-remove-track,.playlist-item .btn-remove-track:focus-visible{opacity:1}.playlist-item .btn-remove-track:hover{color:#ff4d4d;background:#ff4d4d1a}@media(hover:none),(pointer:coarse){.playlist-item .btn-remove-track{opacity:.8}}.mobile-app-header,.mobile-tabbar{display:none}@media(max-width:900px){html,body{width:100%;height:100%;min-height:100%;overscroll-behavior:none}body{align-items:stretch;overflow:hidden}.app-container{--mobile-header-height: 64px;--mobile-tabbar-height: 64px;--mobile-player-dock-height: 154px;--mobile-player-info-height: 172px;width:100%;height:100%;min-height:0;max-height:none;margin:0;display:block;border:none;border-radius:0;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 44%),#080811f0;overflow:hidden}.mobile-app-header{position:absolute;z-index:40;top:0;right:0;left:0;height:var(--mobile-header-height);padding:9px 14px;display:flex;align-items:center;justify-content:space-between;background:#090913d1;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.mobile-brand{min-width:0;display:flex;align-items:center;gap:10px}.mobile-brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 78%,white 8%),var(--primary));box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 28%,transparent),inset 0 1px #ffffff38}.mobile-brand-copy{min-width:0;display:flex;flex-direction:column;line-height:1.05}.mobile-brand-copy strong{font-family:var(--font-heading);font-size:1rem;letter-spacing:.08em}.mobile-brand-copy small{margin-top:5px;color:var(--text-muted);font-size:.7rem;font-weight:500}.mobile-header-action{width:42px;height:42px;display:grid;place-items:center;color:var(--text-main);background:#ffffff0b;border:1px solid var(--border-glass);border-radius:13px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.mobile-header-action:active{transform:scale(.94)}.mobile-tabbar{position:absolute;z-index:50;right:0;bottom:0;left:0;height:var(--mobile-tabbar-height);padding:5px 10px 7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#090913e6;border-top:1px solid rgba(255,255,255,.075);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mobile-tab{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#b9b9d3ad;background:transparent;border:0;border-radius:13px;font-family:var(--font-body);font-size:.68rem;font-weight:600;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.mobile-tab:before{content:"";position:absolute;top:1px;left:50%;width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transform:translate(-50%) scaleX(.35);transition:opacity var(--transition-fast),transform var(--transition-fast)}.mobile-tab.active{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 12%,transparent),transparent 82%)}.mobile-tab.active:before{opacity:1;transform:translate(-50%) scaleX(1)}.mobile-tab:active{transform:scale(.96)}.mobile-library-badge{position:absolute;top:7px;left:calc(50% + 13px);min-width:16px;height:16px;padding:0 4px;display:none;align-items:center;justify-content:center;color:#fff;background:var(--primary);border:2px solid #0a0a14;border-radius:9px;font-size:.58rem;line-height:1}.app-container.has-tracks .mobile-library-badge{display:flex}.sidebar,.main-content{position:absolute;top:var(--mobile-header-height);right:0;bottom:var(--mobile-tabbar-height);left:0;width:auto;min-height:0;border:0}.sidebar{z-index:3;display:none;height:auto;min-height:0;background:linear-gradient(180deg,#0e0e1cf5,#080811fa)}.app-container[data-mobile-view=playlist] .sidebar{bottom:calc(var(--mobile-tabbar-height) + var(--mobile-player-dock-height));display:flex}.sidebar .brand{display:none}.sidebar .import-section{padding:14px 16px 10px;gap:0}.sidebar .import-buttons{gap:10px}.sidebar .btn{min-height:46px;border-radius:13px}.sidebar .drop-zone{display:none}.sidebar .playlist-header{padding:0 16px 10px}.sidebar .search-box{min-height:44px;margin-bottom:10px;border-radius:12px;background:#00000042}.sidebar .playlist-container{min-height:0;max-height:none;padding:4px 12px 14px 16px}.sidebar .empty-state{min-height:180px;padding:32px 20px}.main-content{z-index:1;display:flex;padding-bottom:var(--mobile-player-dock-height);background:transparent;overflow:hidden}.app-container[data-mobile-view=playlist] .main-content{pointer-events:none}.app-container[data-mobile-view=playlist] .main-content .player-controls{pointer-events:auto}.app-container[data-mobile-view=playlist] .top-bar,.app-container[data-mobile-view=playlist] .content-body{display:none}.top-bar{flex:0 0 auto;padding:14px 16px 8px;gap:11px;border-bottom:0}.now-playing-info h2{max-width:100%;margin-bottom:4px;font-size:1.38rem;line-height:1.2}.now-playing-info p{max-width:100%;font-size:.78rem}.quick-settings{width:100%;gap:9px}.quick-settings .select-wrapper{height:42px;border-radius:12px}.quick-settings .select-wrapper select{height:42px;padding-right:82px;border-radius:12px}.quick-settings .eq-curve-svg{right:30px}.quick-settings .btn-icon{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:12px}.content-body{min-height:0;padding:8px 16px 14px;display:grid;grid-template-columns:1fr;align-content:center;gap:0;overflow:hidden}.app-container[data-mobile-view=player] .lyrics-container{display:none}.app-container[data-mobile-view=player] .visualizer-container{width:min(70vw,320px,calc(100dvh - var(--mobile-header-height) - var(--mobile-tabbar-height) - var(--mobile-player-dock-height) - var(--mobile-player-info-height) - 28px));height:auto;max-width:320px;margin:0 auto}.app-container[data-mobile-view=lyrics] .top-bar{display:none}.app-container[data-mobile-view=lyrics] .content-body{display:block;padding:14px 14px 12px}.app-container[data-mobile-view=lyrics] .visualizer-container{display:none}.app-container[data-mobile-view=lyrics] .lyrics-container{width:100%;height:100%;min-height:0;max-height:none;border-radius:20px;background:linear-gradient(180deg,#11111fd1,#080811bd)}.app-container[data-mobile-view=lyrics] .lyrics-header{min-height:50px;padding:12px 15px}.app-container[data-mobile-view=lyrics] .lyrics-scroll-area{padding:96px 18px}.app-container[data-mobile-view=lyrics] .lyric-line{font-size:1rem;line-height:1.55}.app-container[data-mobile-view=lyrics] .lyric-line.active{--lyric-active-scale: 1.12}.player-controls{position:absolute;z-index:12;right:0;bottom:0;left:0;height:var(--mobile-player-dock-height);padding:10px 14px 12px;background:linear-gradient(180deg,#0c0c18e0,#080811f7);border-top:1px solid rgba(255,255,255,.075);box-shadow:0 -16px 40px #00000038;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.player-controls .progress-section{gap:9px;margin-bottom:8px}.player-controls .time-display{width:39px;font-size:.68rem;color:#cfcfe5c2;text-shadow:none}.player-controls .controls-action-bar{display:grid;grid-template-columns:1fr;row-gap:5px}.player-controls .mini-info{grid-column:1;width:100%;min-width:0;height:39px}.player-controls .mini-info img{width:38px;height:38px;border-radius:10px}.player-controls .mini-text{min-width:0}.player-controls .playback-buttons{width:100%;height:49px;margin:0;justify-content:center;gap:clamp(8px,3.2vw,14px)}.player-controls .playback-buttons .btn-icon{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:12px}.player-controls .playback-buttons .btn-medium{width:42px;height:42px}.player-controls .playback-buttons .btn-large{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%}.player-controls .volume-section{display:none}.mobile-header-action:focus-visible,.mobile-tab:focus-visible{outline:2px solid var(--secondary);outline-offset:-2px}}@media(max-width:900px)and (max-height:800px){.app-container{--mobile-header-height: 58px;--mobile-tabbar-height: 58px;--mobile-player-dock-height: 118px;--mobile-player-info-height: 121px}.mobile-app-header{padding-top:7px;padding-bottom:7px}.mobile-brand-mark,.mobile-header-action{width:40px;height:40px}.mobile-brand-mark{flex-basis:40px}.player-controls{padding-top:8px;padding-bottom:8px}.player-controls .mini-info{display:none}.player-controls .playback-buttons{height:52px}.app-container[data-mobile-view=player] .visualizer-container{width:min(56vw,300px,calc(100dvh - var(--mobile-header-height) - var(--mobile-tabbar-height) - var(--mobile-player-dock-height) - var(--mobile-player-info-height) - 28px));max-width:300px}.top-bar{padding-top:10px}.now-playing-info p{display:none}}@media(max-width:340px){.app-container{--mobile-player-dock-height: 148px}.mobile-brand-copy strong{font-size:.9rem}.player-controls .playback-buttons{gap:6px}}@media(prefers-reduced-motion:reduce){.mobile-brand-mark,.mobile-header-action,.mobile-tab,.mobile-tab:before{transition-duration:.01ms!important}}html.animations-paused *,html.animations-paused *:before,html.animations-paused *:after{animation-play-state:paused!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);padding:60px 20px;text-align:center;gap:12px}.empty-state p{font-size:.85rem;line-height:1.5}.main-content{display:flex;flex-direction:column;overflow:hidden;background:#0a0a1433;contain:layout paint style}.top-bar{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-glass)}.now-playing-info h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.now-playing-info p{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.quick-settings{display:flex;align-items:center;gap:14px}.select-wrapper{position:relative;overflow:hidden;border-radius:8px}.select-wrapper:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform var(--transition-fast);z-index:5}.select-wrapper:hover:before,.select-wrapper:focus-within:before{transform:scaleX(1)}.select-wrapper select{background:#0000004d;border:1px solid var(--border-glass);border-radius:8px;padding:8px 30px 8px 14px;color:var(--text-main);font-family:var(--font-body);font-size:.8rem;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.select-wrapper select:focus,.select-wrapper select:hover{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.select-wrapper select option{background-color:#121220;color:var(--text-main)}.select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top-color:var(--text-muted);pointer-events:none}.btn-icon{display:flex;justify-content:center;align-items:center;background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-muted);border-radius:10px;width:38px;height:38px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn-icon:hover{background:#ffffff1a;color:#fff;border-color:var(--border-glass-focus)}.btn-icon.active{color:var(--secondary);background:#00f0ff1a;border-color:#00f0ff40;box-shadow:0 0 10px var(--secondary-glow)}.content-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);padding:32px;gap:32px;overflow:hidden;align-items:center}.visualizer-container{position:relative;width:100%;aspect-ratio:1;max-width:380px;margin:0 auto;display:flex;justify-content:center;align-items:center;border-radius:50%;--tonearm-shadow-rest: drop-shadow( clamp(1px, .28vw, 4px) clamp(2px, .56vw, 8px) clamp(5px, 1.12vw, 16px) rgba(0, 0, 0, .55) );--tonearm-shadow-lifted: drop-shadow( clamp(2px, .7vw, 10px) clamp(4px, 1.25vw, 18px) clamp(7px, 1.67vw, 24px) rgba(0, 0, 0, .32) )}#visualizer-canvas{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.vinyl-wrapper{position:relative;width:72%;height:72%;border-radius:50%;z-index:2;padding:2.63%;background:#00000059;box-shadow:0 clamp(8px,1.67vw,24px) clamp(24px,4.45vw,64px) #000000a6,0 clamp(3px,.56vw,8px) clamp(7px,1.12vw,16px) #0006,inset 0 1px 1px #ffffff14;border:1px solid var(--border-glass)}.vinyl-disc{position:relative;width:100%;height:100%;background:radial-gradient(circle at center,#181822 0%,#101018 7%,#030305 9%,#08080c 11%,transparent 11.5%),conic-gradient(from 120deg at 50% 50%,#08080c,#1c1c28,#08080c 90deg,#040406 180deg,#1c1c28,#08080c 270deg,#040406 360deg),radial-gradient(circle at center,#0c0c14,#030305 60%,#0c0c14);border-radius:50%;box-shadow:inset 0 0 clamp(6px,1.05vw,15px) #000000e6,0 0 clamp(10px,1.74vw,25px) #000000b3;display:flex;justify-content:center;align-items:center;animation:spin 20s linear infinite;animation-play-state:paused;will-change:transform}.vinyl-disc.playing{animation-play-state:running}.vinyl-grooves{position:absolute;width:86%;height:86%;border-radius:50%;border:1px dashed rgba(255,255,255,.035);pointer-events:none}.vinyl-grooves:before{content:"";position:absolute;width:80%;height:80%;top:10%;left:10%;border-radius:50%;border:1px solid rgba(255,255,255,.025)}.vinyl-grooves:after{content:"";position:absolute;width:62%;height:62%;top:19%;left:19%;border-radius:50%;border:1px dashed rgba(255,255,255,.03)}.vinyl-disc img{width:44%;height:44%;border-radius:50%;object-fit:cover;z-index:3;border:clamp(2px,.28vw,4px) solid #040406;box-shadow:0 0 clamp(6px,1.05vw,15px) #0009;background-color:#2a2a3e}.vinyl-disc:before{content:"";position:absolute;width:44%;height:44%;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,#fff0,#ffffff1f,#fff0,#ffffff1f,#fff0 360deg);z-index:4;pointer-events:none;mix-blend-mode:overlay}.tonearm{position:absolute;top:4%;right:5%;width:21.0526%;height:65.7895%;z-index:5;pointer-events:none;transform-origin:50% 16%;transform:rotate(-28deg);filter:var(--tonearm-shadow-rest);will-change:transform}.tonearm.playing{animation:needle-drop 1.5s cubic-bezier(.25,.8,.25,1) forwards}.tonearm.parked{animation:needle-lift 1.3s cubic-bezier(.25,.8,.25,1) forwards}.tonearm.vibrating{animation:stylus-wobble .3s infinite alternate ease-in-out}@keyframes needle-drop{0%{transform:rotate(-28deg) scale(1)}35%{transform:rotate(-10deg) scale(1.06)}70%{transform:rotate(12deg) scale(1.06)}to{transform:rotate(12deg) scale(1)}}@keyframes needle-lift{0%{transform:rotate(12deg) scale(1)}35%{transform:rotate(12deg) scale(1.06)}70%{transform:rotate(-28deg) scale(1.06)}to{transform:rotate(-28deg) scale(1)}}@keyframes stylus-wobble{0%{transform:rotate(12deg) translateZ(0)}to{transform:rotate(12.12deg) translate3d(.12px,.12px,0)}}.tonearm-svg{width:100%;height:100%;overflow:visible}.stylus-led{fill:var(--secondary, #00f0ff);filter:drop-shadow(0 0 5px var(--secondary, #00f0ff));transition:fill 1.6s cubic-bezier(.25,.8,.25,1),filter 1.6s cubic-bezier(.25,.8,.25,1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lyrics-container{background:#0000002e;border:1px solid var(--border-glass);border-radius:18px;height:100%;min-height:280px;max-height:380px;display:flex;flex-direction:column;overflow:hidden}.lyrics-header{padding:14px 20px;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-main);background:#0000001a}.lyrics-offset-ctrl{display:flex;align-items:center;gap:8px}.lyrics-offset-ctrl span{font-size:.75rem;font-family:monospace;color:var(--text-muted);width:32px;text-align:center}.lyrics-scroll-area{flex:1;overflow-y:auto;position:relative;mask-image:linear-gradient(to bottom,transparent 0%,white 15%,white 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,white 15%,white 85%,transparent 100%);padding:80px 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lyrics-list{display:flex;flex-direction:column;gap:16px;text-align:center}.lyric-line{--lyric-resting-scale: .96;--lyric-active-scale: 1.09;font-size:.95rem;color:#ffffffc7;opacity:.68;padding:6px 12px 6px 20px;line-height:1.4;transform:scale(var(--lyric-resting-scale));transform-origin:center;transition:color .48s cubic-bezier(.22,1,.36,1),opacity .48s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1),text-shadow .32s ease-out,background-color .48s cubic-bezier(.22,1,.36,1);cursor:pointer;border-radius:6px;position:relative}.lyric-line:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:50%;background:linear-gradient(to bottom,var(--secondary),var(--primary));border-radius:2px;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .36s ease-out,height .48s cubic-bezier(.22,1,.36,1),box-shadow .48s ease-out;opacity:0}.lyric-line:hover:before{transform:translateY(-50%) scaleY(1);opacity:.5}.lyric-line.active:before{transform:translateY(-50%) scaleY(1.3);opacity:1;height:60%;background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.lyric-line:hover{background:#ffffff0a;opacity:1;color:#fff;transform:scale(.99)}.lyric-line.active{font-weight:600;color:var(--secondary);opacity:1;text-shadow:0 0 calc(var(--lyric-pulse, 1) * 12px) var(--secondary-glow);transform:scale(var(--lyric-active-scale))}.lyric-empty{font-size:.9rem;color:var(--text-muted);line-height:1.6;padding:40px 0}.lyric-limit-notice{padding:12px;border:1px solid color-mix(in srgb,var(--secondary) 22%,transparent);border-radius:8px;color:var(--text-muted);font-size:.75rem;line-height:1.5;background:color-mix(in srgb,var(--secondary) 5%,transparent)}.player-controls{padding:16px 32px 28px;background:#08081073;border-top:1px solid var(--border-glass)}.progress-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.time-display{font-size:.78rem;color:var(--secondary, #00f0ff);font-family:monospace;width:45px;font-weight:600;letter-spacing:.5px;text-shadow:0 0 6px var(--secondary-glow, rgba(0, 240, 255, .4)),0 0 1px var(--secondary, #00f0ff);transition:color 1.6s cubic-bezier(.25,.8,.25,1),text-shadow 1.6s cubic-bezier(.25,.8,.25,1)}#time-current{text-align:right}#time-duration{text-align:left}.slider-container{flex:1;position:relative;height:6px;border-radius:3px;background:repeating-linear-gradient(to right,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 1px,transparent 1px,transparent 4px),#ffffff0d;cursor:pointer;display:flex;align-items:center;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.slider-container:hover{background:repeating-linear-gradient(to right,rgba(255,255,255,.12) 0px,rgba(255,255,255,.12) 1px,transparent 1px,transparent 4px),#ffffff14}.slider-container input[type=range]{position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;-webkit-appearance:none;appearance:none;outline:none;margin:0;z-index:10;cursor:pointer}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px #00f0ffd9,0 0 2px #ffffff80;cursor:pointer;transform:scale(.8);transition:transform var(--transition-fast),border-radius var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);opacity:0}.slider-container:hover input[type=range]::-webkit-slider-thumb{opacity:1;transform:scale(1)}.slider-container input[type=range]::-webkit-slider-thumb:hover,.slider-container input[type=range]::-webkit-slider-thumb:active{transform:scale(1.6,.68);border-radius:3px;box-shadow:0 0 16px var(--secondary, #00f0ff)}.slider-container input[type=range]::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 10px #00f0ffd9;cursor:pointer;transform:scale(.8);transition:transform var(--transition-fast),border-radius var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);opacity:0}.slider-container:hover input[type=range]::-moz-range-thumb{opacity:1;transform:scale(1)}.slider-container input[type=range]::-moz-range-thumb:hover,.slider-container input[type=range]::-moz-range-thumb:active{transform:scale(1.6,.68);border-radius:3px;box-shadow:0 0 16px var(--secondary, #00f0ff)}.slider-progress{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:3px;box-shadow:0 0 8px #00f0ff66;pointer-events:none;z-index:5;transition:none}.progress-slider-container .slider-progress,.volume-slider-container .slider-progress{width:100%;transform:scaleX(0);transform-origin:left center;transition:none;will-change:transform}.slider-container:hover{box-shadow:0 0 10px color-mix(in srgb,var(--secondary) 8%,transparent)}.slider-container:hover .slider-progress{box-shadow:0 0 12px #00f0ff99}.controls-action-bar{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center}.mini-info{display:flex;align-items:center;gap:12px;min-width:0}.mini-info img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--border-glass);background-color:#2a2a3e}.mini-text{min-width:0}#mini-title{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}#mini-artist{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playback-buttons{display:flex;justify-content:center;align-items:center;gap:16px}.btn-medium{width:42px;height:42px;border-radius:50%}.btn-large{width:52px;height:52px;border-radius:50%;color:#fff}.btn-play{position:relative;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;box-shadow:0 4px 18px #8a2be266;color:#fff;z-index:1}.btn-play:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;z-index:-1;opacity:.25;transition:transform var(--transition-normal),opacity var(--transition-normal)}.btn-play:hover{transform:scale(1.06);box-shadow:0 6px 24px #00f0ffa6}.btn-play:hover:before{transform:scale(1.15);opacity:.45;background:conic-gradient(from 0deg,var(--primary),var(--secondary),var(--primary));animation:spin 3s linear infinite,pulse-ring 2s infinite}.btn-play.buffering:before{opacity:.7;background:conic-gradient(from 0deg,transparent,var(--secondary),var(--primary),transparent);animation:spin 1s linear infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.45}to{transform:scale(1.3);opacity:0}}.btn-play svg{filter:drop-shadow(0 2px 5px rgba(0,0,0,.15))}#btn-repeat{position:relative}#repeat-badge{position:absolute;top:4px;right:4px;font-size:.6rem;font-weight:800;background:var(--secondary);color:#000;width:12px;height:12px;border-radius:50%;display:none;justify-content:center;align-items:center}.volume-section{display:flex;align-items:center;gap:10px;justify-self:end;width:130px}.volume-slider-container{height:4px}@media(min-width:901px)and (max-width:1180px){body{align-items:center;overflow:hidden}.app-container{width:calc(100% - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);min-height:0;max-height:900px;margin:8px auto;grid-template-columns:clamp(250px,26vw,300px) minmax(0,1fr)}.sidebar{min-height:0;height:auto;border-right:1px solid var(--border-glass);border-bottom:none}.playlist-container{flex:1 1 auto;min-height:0;max-height:none}.main-content{min-width:0;min-height:0}.top-bar{padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);align-items:center;gap:16px}.now-playing-info h2,.now-playing-info p{max-width:100%}.quick-settings{width:100%;gap:10px}.quick-settings .select-wrapper{flex:1 1 auto;min-width:0}.quick-settings .select-wrapper select{width:100%;min-width:0}.content-body{flex:1 1 auto;min-height:0;grid-template-columns:minmax(190px,1fr) minmax(240px,1fr);padding:16px 20px;gap:16px;overflow-y:auto;align-items:center;overscroll-behavior:contain}.visualizer-container{width:min(24vw,280px,100%);max-width:280px;margin:0 auto}.lyrics-container{width:100%;height:clamp(180px,42vh,300px);max-height:300px;min-height:180px}.player-controls{flex:0 0 auto;padding:10px 20px 14px}.progress-section{margin-bottom:10px}.controls-action-bar{grid-template-columns:minmax(0,1fr) 128px;gap:12px}.mini-info{display:none}.playback-buttons{min-width:0;justify-content:center;gap:clamp(8px,1vw,14px)}.volume-section{width:128px}}@media(max-width:900px){.top-bar{flex-direction:column;align-items:stretch;gap:12px}.now-playing-info h2,.now-playing-info p{max-width:100%}.quick-settings{width:100%;gap:10px}.select-wrapper{flex:1;min-width:0}.select-wrapper select{width:100%;min-width:0}.search-box input,.select-wrapper select{font-size:16px}}@media(max-width:480px){.app-container{width:100%;height:auto;min-height:100vh;min-height:100dvh;min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:0;border-radius:0;border:none}.sidebar{height:auto;min-height:400px}.brand{padding:14px}.import-section{padding:0 14px 10px}.playlist-header{padding:0 14px 8px}.playlist-container{padding:8px 14px;max-height:180px}.top-bar,.content-body{padding:14px}.visualizer-container{max-width:220px}.now-playing-info h2{max-width:200px;font-size:1.1rem}.controls-action-bar{grid-template-columns:1fr}.mini-info{grid-column:1 / 2}.playback-buttons{justify-content:center;margin-top:10px}.volume-section{display:none}.player-controls{padding:14px}}@media(max-width:360px){.progress-section{gap:8px}.time-display{width:40px}.playback-buttons{gap:10px}.lyrics-header{padding:12px}}@media(max-width:320px){.playback-buttons{gap:6px}}@media(min-width:1181px)and (max-height:720px){.app-container{height:calc(100vh - 16px);max-height:none}.brand{padding:16px 20px}.import-section{padding:0 20px 14px}.drop-zone{padding:10px 12px}.playlist-header{padding-right:20px;padding-left:20px}.playlist-container{padding:8px 14px 14px 20px}.top-bar{padding:16px 24px}.content-body{padding:16px 24px;gap:20px}.visualizer-container{max-width:280px}.lyrics-container{min-height:220px;max-height:300px}.player-controls{padding:12px 24px 16px}.progress-section{margin-bottom:10px}}@media(min-width:1181px)and (max-height:520px){.app-container{height:calc(100vh - 8px);height:calc(100dvh - 8px)}.top-bar{padding:8px 16px}.now-playing-overline,.now-playing-info p,.track-tech-row{display:none}.content-body{min-height:0;padding:8px 16px;gap:16px;overflow-y:auto;align-items:stretch;overscroll-behavior:contain}.visualizer-container{width:min(22vw,clamp(96px,calc(100dvh - 260px),210px));max-width:none;align-self:center}.lyrics-container{height:100%;min-height:0;max-height:none}.lyrics-scroll-area{padding-top:40px;padding-bottom:40px}.player-controls{padding:8px 16px 10px}.progress-section{margin-bottom:6px}}@media(min-width:901px)and (max-width:1180px)and (max-height:520px)and (orientation:landscape){.app-container{height:100vh;height:100dvh;margin-top:0;margin-bottom:0}.sidebar{min-height:0}.brand{min-height:64px;padding:12px 16px}.brand-system-label,.drop-zone{display:none}.import-section{padding:0 16px 10px}.playlist-header{padding-right:16px;padding-left:16px}.top-bar{padding:8px 14px}.now-playing-info p,.track-tech-row{display:none}.content-body{grid-template-columns:minmax(150px,.85fr) minmax(180px,1.15fr);padding:8px 14px;gap:10px}.visualizer-container{width:min(26vw,165px);max-width:165px}.lyrics-container{height:clamp(132px,34vh,180px);min-height:132px;max-height:180px}.lyrics-scroll-area{padding-top:48px;padding-bottom:48px}.player-controls{padding:8px 14px 10px}.progress-section{margin-bottom:6px}}.btn-primary,.btn-secondary,.btn-icon,.btn-medium,.btn-large,.btn-play,.btn-text-sm,.btn-remove-track{transition:transform var(--motion-normal) var(--ease-spring),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)!important}.btn-primary:active,.btn-secondary:active,.btn-icon:active,.btn-medium:active,.btn-large:active,.btn-play:active,.btn-text-sm:active,.btn-remove-track:active{transform:scale(.92)!important}.select-wrapper{position:relative;display:flex;align-items:center}.eq-curve-svg{position:absolute;right:28px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.8;filter:drop-shadow(0 0 5px var(--secondary-glow));transition:opacity var(--transition-normal)}.select-wrapper select{padding-right:76px!important}#eq-curve-path{transition:d .4s cubic-bezier(.4,0,.2,1)}.track-meta-fade{transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .24s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.track-meta-out{transform:translateY(-8px);opacity:0}.progress-tooltip,.volume-tooltip{position:absolute;bottom:14px;left:var(--tooltip-x, 0px);transform:translate3d(-50%,6px,0);background:#0a0a14d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);padding:2px 8px;border-radius:4px;color:#fff;font-size:.65rem;font-family:monospace;pointer-events:none;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:100;box-shadow:0 4px 12px #00000080}.slider-container:hover .progress-tooltip,.slider-container:hover .volume-tooltip{opacity:1;transform:translate3d(-50%,0,0)}.border-beam{position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:10;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:transparent;overflow:hidden}.border-beam:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 280deg,var(--secondary, #00f0ff) 320deg,var(--primary, #8a2be2) 345deg,transparent 360deg);animation:spin-beam 7s linear infinite}@keyframes spin-beam{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar,.lyrics-container,.player-controls{position:relative;box-sizing:border-box}.play-pulse-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid var(--secondary, #00f0ff);border-radius:50%;transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:none;animation:pulse-out .8s cubic-bezier(.1,.8,.3,1) forwards;box-shadow:0 0 15px var(--secondary-glow, rgba(0, 240, 255, .5));z-index:-2}@keyframes pulse-out{0%{transform:translate(-50%,-50%) scale(.9);opacity:.9}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}.volume-slider-container{background:#ffffff0d;border-radius:2px}@supports (background-clip: text){.brand h1{color:transparent}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.app-container{background:#121220f0}.progress-tooltip,.volume-tooltip{background:#0a0a14f5}}@supports not (aspect-ratio: 1 / 1){.visualizer-container{height:380px}}@supports not (aspect-ratio: 1 / 1){@media(max-width:1180px){.visualizer-container{height:240px}}@media(max-width:480px){.visualizer-container{height:220px}}@media(min-width:1181px)and (max-height:720px){.visualizer-container{height:280px}}@media(min-width:901px)and (max-width:1180px)and (max-height:520px)and (orientation:landscape){.visualizer-container{height:210px}}}.no-flex-gap .brand>*+*,.no-flex-gap .import-buttons>*+*,.no-flex-gap .search-box>*+*,.no-flex-gap .playlist-item .track-main>*+*,.no-flex-gap .playlist-item .track-right>*+*,.no-flex-gap .quick-settings>*+*,.no-flex-gap .lyrics-offset-ctrl>*+*,.no-flex-gap .progress-section>*+*,.no-flex-gap .mini-info>*+*,.no-flex-gap .playback-buttons>*+*,.no-flex-gap .volume-section>*+*{margin-left:12px}.no-flex-gap .import-buttons>*+*,.no-flex-gap .volume-section>*+*{margin-left:10px}.no-flex-gap .search-box>*+*,.no-flex-gap .lyrics-offset-ctrl>*+*{margin-left:8px}.no-flex-gap .quick-settings>*+*{margin-left:14px}.no-flex-gap .playback-buttons>*+*,.no-flex-gap .progress-section>*+*{margin-left:16px}.no-flex-gap .wave-animation>*+*{margin-left:2.5px}.no-flex-gap .import-section>.drop-zone,.no-flex-gap .drop-zone>*+*,.no-flex-gap .empty-state>*+*{margin-top:12px}.no-flex-gap .drop-zone>*+*{margin-top:8px}.no-flex-gap .playlist:not(.virtualized)>*+*{margin-top:6px}.no-flex-gap .lyrics-list>*+*{margin-top:16px}.no-flex-gap .btn>svg{margin-right:6px}@media(max-width:900px){.no-flex-gap .top-bar>*+*{margin-top:12px}.no-flex-gap .quick-settings>*+*{margin-left:10px}}@media(max-width:360px){.no-flex-gap .progress-section>*+*{margin-left:8px}.no-flex-gap .playback-buttons>*+*{margin-left:10px}}@media(max-width:320px){.no-flex-gap .playback-buttons>*+*{margin-left:6px}}@media(hover:none),(pointer:coarse){.btn{min-height:44px}.btn-icon{min-width:44px;min-height:44px}.btn-text,.btn-text-sm{min-height:32px}.btn-remove-track{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.slider-container input[type=range]{top:-10px;height:26px;touch-action:none}.slider-container input[type=range]::-webkit-slider-thumb,.slider-container input[type=range]::-moz-range-thumb{opacity:1}}@media(max-width:900px){body{align-items:stretch;overflow:hidden}.app-container{width:100%;height:100%;min-height:0;max-height:none;margin:0;display:block;border:none;border-radius:0}.sidebar{position:absolute;height:auto;min-height:0}.app-container[data-mobile-view=playlist] .sidebar{top:var(--mobile-header-height);right:0;bottom:calc(var(--mobile-tabbar-height) + var(--mobile-player-dock-height));left:0}.player-controls{position:absolute;right:0;bottom:0;left:0;height:var(--mobile-player-dock-height);padding:10px 14px 12px}.content-body{flex:1 1 auto;min-height:0;grid-template-columns:1fr;overflow:hidden}.sidebar .playlist-container{flex:1 1 auto;width:100%;max-width:760px;min-height:0;max-height:none;margin-right:auto;margin-left:auto}.sidebar .import-section,.sidebar .playlist-header{width:100%;max-width:760px;margin-right:auto;margin-left:auto}.top-bar>.now-playing-info,.top-bar>.quick-settings{width:100%;max-width:760px;margin-right:auto;margin-left:auto}.app-container[data-mobile-view=lyrics] .lyrics-container{max-width:760px;margin-right:auto;margin-left:auto}.player-controls .progress-section,.player-controls .controls-action-bar{width:100%;max-width:760px;margin-right:auto;margin-left:auto}}@media(max-width:340px)and (max-height:800px){.app-container{--mobile-player-dock-height: 118px}.app-container[data-mobile-view=player] .visualizer-container{width:min(50vw,165px,calc(100dvh - var(--mobile-header-height) - var(--mobile-tabbar-height) - var(--mobile-player-dock-height) - var(--mobile-player-info-height) - 20px));max-width:165px}}@media(max-width:900px)and (max-height:520px)and (orientation:landscape){.app-container{--mobile-header-height: 48px;--mobile-tabbar-height: 50px;--mobile-player-dock-height: 84px;--mobile-player-info-height: 0px}.mobile-app-header{padding:5px 12px}.mobile-brand-mark,.mobile-header-action{width:36px;height:36px}.mobile-brand-mark{flex-basis:36px}.mobile-tabbar{padding-top:2px;padding-bottom:3px}.app-container[data-mobile-view=player] .top-bar{display:none}.content-body{padding:6px 14px}.app-container[data-mobile-view=player] .visualizer-container{width:min(38vh,160px,calc(100dvh - var(--mobile-header-height) - var(--mobile-tabbar-height) - var(--mobile-player-dock-height) - 12px));max-width:160px}.player-controls{padding:5px 12px}.player-controls .progress-section{margin-bottom:3px}.player-controls .playback-buttons{height:49px}.sidebar .import-section{display:none}.sidebar .btn{min-height:40px}.sidebar .playlist-header{padding-right:14px;padding-bottom:6px;padding-left:14px}.sidebar .search-box{min-height:40px;margin-bottom:6px}.app-container[data-mobile-view=lyrics] .content-body{padding:5px 10px}.app-container[data-mobile-view=lyrics] .lyrics-header{min-height:44px;padding:8px 12px}.app-container[data-mobile-view=lyrics] .lyrics-scroll-area{padding:44px 14px}}@media(max-width:900px)and (max-height:360px)and (orientation:landscape){.sidebar .playlist-stats{display:none}.sidebar .playlist-header{padding-bottom:4px}.sidebar .search-box{margin-bottom:0}}body{--audio-bass: 0;--audio-mid: 0;--audio-high: 0}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{z-index:0;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 7%,transparent),transparent 7%,transparent 93%,color-mix(in srgb,var(--secondary) 7%,transparent)),linear-gradient(180deg,rgba(255,255,255,.025),transparent 11%,transparent 89%,rgba(255,255,255,.025));box-shadow:inset 0 0 90px #000000c2,inset 0 0 180px color-mix(in srgb,var(--primary) 6%,transparent)}body:after{z-index:80;opacity:.34;background:radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 38%);mix-blend-mode:screen}.holo-grid,.star-field,.energy-vignette{position:absolute;inset:0;pointer-events:none}.holo-grid{inset:34% -18% -36%;z-index:0;opacity:calc(.24 + var(--audio-mid) * .12);background-image:linear-gradient(color-mix(in srgb,var(--secondary) 17%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 15%,transparent) 1px,transparent 1px);background-size:54px 34px;transform:perspective(520px) rotateX(64deg) translateY(12%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,black 24%,black 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 24%,black 72%,transparent 100%);animation:reactor-grid-drift 18s linear infinite}.star-field{z-index:2;opacity:calc(.36 + var(--audio-high) * .28);mix-blend-mode:screen}.star-field-a{background-image:radial-gradient(circle,rgba(255,255,255,.88) 0 .7px,transparent .9px),radial-gradient(circle,color-mix(in srgb,var(--secondary) 86%,white) 0 .75px,transparent 1px);background-position:0 0,47px 61px;background-size:92px 92px,137px 137px;animation:reactor-stars-a 26s linear infinite}.star-field-b{opacity:calc(.22 + var(--audio-high) * .34);background-image:radial-gradient(circle,color-mix(in srgb,var(--primary) 78%,white) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(255,0,148,.7) 0 .65px,transparent 1px);background-position:18px 28px,76px 22px;background-size:181px 181px,119px 119px;animation:reactor-stars-b 34s linear infinite reverse}.energy-vignette{z-index:3;opacity:calc(.72 + var(--audio-bass) * .22);background:radial-gradient(circle at 50% 46%,transparent 0 14%,color-mix(in srgb,var(--primary) 12%,transparent) 36%,transparent 64%),conic-gradient(from 35deg at 50% 50%,transparent,color-mix(in srgb,var(--secondary) 4%,transparent),transparent 28%,color-mix(in srgb,var(--primary) 5%,transparent),transparent 63%);filter:blur(14px);animation:reactor-vignette-orbit 32s linear infinite}.app-container{isolation:isolate;border-color:color-mix(in srgb,var(--secondary) 13%,rgba(255,255,255,.07));box-shadow:0 28px 80px #00000085,0 0 40px color-mix(in srgb,var(--primary) 12%,transparent),0 0 84px color-mix(in srgb,var(--secondary) 7%,transparent),inset 0 1px #ffffff14}.app-container:after{content:"";position:absolute;pointer-events:none}.app-container:after{inset:6px;z-index:29;border:1px solid color-mix(in srgb,var(--primary) 15%,rgba(255,255,255,.035));border-radius:max(0px,18px);box-shadow:inset 0 0 24px color-mix(in srgb,var(--secondary) 4%,transparent),0 0 18px color-mix(in srgb,var(--primary) 5%,transparent)}.shell-hud{position:absolute;inset:0;z-index:35;pointer-events:none;overflow:hidden;border-radius:inherit}.hud-corner{position:absolute;width:42px;height:42px;opacity:.72;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--secondary) 75%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--primary) 35%,transparent))}.hud-corner:before,.hud-corner:after{content:"";position:absolute;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:2px}.hud-corner:before{width:32px;height:1px}.hud-corner:after{width:1px;height:32px}.hud-corner-tl{top:12px;left:12px}.hud-corner-tr{top:12px;right:12px;transform:scaleX(-1)}.hud-corner-bl{bottom:12px;left:12px;transform:scaleY(-1)}.hud-corner-br{right:12px;bottom:12px;transform:scale(-1)}.shell-scanline{position:absolute;top:-10%;right:0;left:0;height:14%;opacity:.18;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--secondary) 10%,transparent) 48%,rgba(255,255,255,.04) 50%,transparent);mix-blend-mode:screen;animation:reactor-shell-scan 11s linear infinite}.sidebar{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,transparent),transparent 42%),#08081094;box-shadow:inset -1px 0 color-mix(in srgb,var(--secondary) 7%,transparent),16px 0 48px #0000001f}.sidebar:before{content:"";position:absolute;z-index:0;top:18px;right:0;bottom:18px;width:1px;opacity:.62;background:linear-gradient(to bottom,transparent,var(--primary) 18%,transparent 42%,var(--secondary) 72%,transparent);box-shadow:0 0 11px color-mix(in srgb,var(--secondary) 55%,transparent)}.sidebar>*{position:relative;z-index:1}.brand{min-height:92px}.brand-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.brand-copy h1{line-height:1.08}.brand-system-label{margin-top:6px;color:color-mix(in srgb,var(--secondary) 72%,var(--text-muted));font-family:var(--font-heading);font-size:.52rem;font-weight:600;letter-spacing:.24em;text-shadow:0 0 8px var(--secondary-glow)}.brand .logo{position:relative;isolation:isolate;box-shadow:0 4px 15px var(--primary-glow),0 0 22px color-mix(in srgb,var(--secondary) 28%,transparent),inset 0 1px #ffffff47}.brand .logo:before,.brand .logo:after{content:"";position:absolute;border-radius:16px;pointer-events:none}.brand .logo:before{inset:-6px;z-index:-1;border:1px solid color-mix(in srgb,var(--secondary) 42%,transparent);box-shadow:0 0 9px color-mix(in srgb,var(--secondary) 34%,transparent),inset 0 0 7px color-mix(in srgb,var(--primary) 24%,transparent);animation:reactor-logo-breathe 3.4s ease-in-out infinite}.brand .logo:after{inset:-11px;z-index:-2;border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent);animation:reactor-logo-orbit 12s linear infinite}.drop-zone{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(color-mix(in srgb,var(--secondary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 4%,transparent) 1px,transparent 1px),#ffffff03;background-size:16px 16px,16px 16px,auto;box-shadow:inset 0 0 24px #0003,0 0 18px color-mix(in srgb,var(--primary) 4%,transparent)}.drop-zone:before{content:"";position:absolute;z-index:-1;inset:-45% -15%;opacity:.44;background:linear-gradient(180deg,transparent 0 42%,color-mix(in srgb,var(--secondary) 20%,transparent) 49%,rgba(255,255,255,.1) 50%,color-mix(in srgb,var(--primary) 17%,transparent) 51%,transparent 58%);animation:reactor-drop-scan 4.8s ease-in-out infinite}.drop-zone:after{content:"DROP SIGNAL";position:absolute;right:8px;bottom:5px;color:color-mix(in srgb,var(--secondary) 46%,transparent);font-family:monospace;font-size:.48rem;letter-spacing:.16em}.playlist-item{background:linear-gradient(100deg,rgba(255,255,255,.018),transparent 72%),transparent}.track-cover-shell{position:relative;width:38px;height:38px;flex:0 0 38px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff06;box-shadow:0 7px 16px #0000004d,0 0 10px color-mix(in srgb,var(--primary) 8%,transparent);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.track-cover{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.08) contrast(1.04)}.track-cover-scan{position:absolute;inset:0;opacity:.42;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.24) 43%,transparent 61%) -50px 0 / 45px 100% no-repeat,linear-gradient(to top,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 48%);mix-blend-mode:screen}.playlist-item:hover .track-cover-shell,.playlist-item.active .track-cover-shell{border-color:color-mix(in srgb,var(--secondary) 50%,transparent);box-shadow:0 8px 18px #0000005c,0 0 10px color-mix(in srgb,var(--secondary) 42%,transparent),0 0 22px color-mix(in srgb,var(--primary) 22%,transparent);transform:scale(1.045)}.playlist-item:hover .track-cover-scan,.playlist-item.active .track-cover-scan{animation:reactor-cover-scan 2.5s ease-in-out infinite}.playlist-item.active{box-shadow:inset 0 0 12px color-mix(in srgb,var(--primary) 8%,transparent),0 0 18px color-mix(in srgb,var(--primary) 9%,transparent)}.top-bar{position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 4%,transparent),transparent 54%),#05050c0f;box-shadow:inset 0 -1px color-mix(in srgb,var(--secondary) 4%,transparent)}.top-bar:before{content:"";position:absolute;right:32px;bottom:-1px;left:32px;height:1px;opacity:.7;background:linear-gradient(90deg,var(--primary),transparent 28%,transparent 72%,var(--secondary));box-shadow:0 0 9px color-mix(in srgb,var(--secondary) 32%,transparent)}.now-playing-info{min-width:0}.now-playing-overline{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:color-mix(in srgb,var(--secondary) 72%,var(--text-muted));font-family:var(--font-heading);font-size:.56rem;font-weight:700;letter-spacing:.18em;text-shadow:0 0 9px color-mix(in srgb,var(--secondary) 42%,transparent)}.status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--secondary);box-shadow:0 0 6px var(--secondary),0 0 14px var(--secondary-glow);animation:reactor-status-pulse 1.8s ease-in-out infinite}.track-tech-row{min-height:17px;margin-top:8px;display:flex;align-items:center;gap:6px}.tech-chip{min-width:38px;height:17px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;color:#e1e1f4b8;border:1px solid color-mix(in srgb,var(--secondary) 17%,rgba(255,255,255,.06));border-radius:4px;background:color-mix(in srgb,var(--secondary) 4%,rgba(0,0,0,.22));font-family:monospace;font-size:.52rem;letter-spacing:.08em;box-shadow:inset 0 0 8px color-mix(in srgb,var(--secondary) 3%,transparent)}.tech-signal{height:14px;display:inline-flex;align-items:flex-end;gap:2px;margin-left:2px}.tech-signal i{width:2px;height:35%;border-radius:2px;background:linear-gradient(to top,var(--primary),var(--secondary));box-shadow:0 0 5px var(--secondary-glow);animation:reactor-signal .9s ease-in-out infinite alternate}.tech-signal i:nth-child(2){height:60%;animation-delay:-.25s}.tech-signal i:nth-child(3){height:100%;animation-delay:-.5s}.tech-signal i:nth-child(4){height:52%;animation-delay:-.7s}.quick-settings .select-wrapper,.quick-settings>.btn-icon{box-shadow:0 8px 20px #0003,0 0 12px color-mix(in srgb,var(--primary) 6%,transparent)}.visualizer-container{isolation:isolate;filter:drop-shadow(0 22px 38px rgba(0,0,0,.34))}.deck-aura,.reactor-ring,.deck-platform{position:absolute;pointer-events:none}.deck-aura{z-index:-1;inset:-14%;border-radius:50%;opacity:calc(.72 + var(--audio-bass) * .25);background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 11%,transparent) 0 21%,color-mix(in srgb,var(--primary) 16%,transparent) 38%,transparent 68%),conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 22%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 58%,rgba(255,0,127,.08),transparent);filter:blur(13px);transform:scale(calc(1 + var(--audio-bass) * .08));animation:reactor-aura-orbit 18s linear infinite}.reactor-ring{z-index:0;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.reactor-ring:before,.reactor-ring:after{content:"";position:absolute;border-radius:inherit}.reactor-ring:before{inset:-1px;padding:1px;background:conic-gradient(from var(--ring-start, 0deg),transparent 0 7%,var(--secondary) 11%,transparent 16% 43%,var(--primary) 50%,transparent 57% 77%,rgba(255,0,127,.9) 82%,transparent 89%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;filter:drop-shadow(0 0 4px var(--secondary)) drop-shadow(0 0 11px var(--primary-glow))}.reactor-ring:after{inset:4%;border:1px dashed color-mix(in srgb,var(--secondary) 17%,transparent)}.reactor-ring-outer{width:96%;height:96%;--ring-start: 8deg;animation:reactor-ring-clockwise 24s linear infinite}.reactor-ring-mid{width:86%;height:86%;--ring-start: 154deg;animation:reactor-ring-counter 16s linear infinite}.reactor-ring-mid:before{padding:2px;opacity:calc(.72 + var(--audio-mid) * .28)}.reactor-ring-inner{width:77%;height:77%;--ring-start: 268deg;animation:reactor-ring-clockwise 11s linear infinite}.reactor-ring-inner:before{opacity:calc(.66 + var(--audio-high) * .34)}.deck-platform{z-index:-1;right:7%;bottom:2%;left:7%;height:31%;border:1px solid color-mix(in srgb,var(--secondary) 18%,transparent);border-radius:50%;opacity:.7;background:linear-gradient(color-mix(in srgb,var(--secondary) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 9%,transparent) 1px,transparent 1px),radial-gradient(ellipse,color-mix(in srgb,var(--primary) 14%,transparent),transparent 68%);background-size:18px 11px,18px 11px,auto;box-shadow:0 0 16px color-mix(in srgb,var(--secondary) 13%,transparent),inset 0 0 26px #0000006b;transform:perspective(190px) rotateX(64deg);transform-origin:center}.deck-platform span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--secondary);box-shadow:0 0 7px var(--secondary),0 0 14px var(--secondary-glow);animation:reactor-platform-node 2.2s ease-in-out infinite}.deck-platform span:nth-child(1){top:19%;left:15%}.deck-platform span:nth-child(2){top:19%;right:15%;animation-delay:-.55s}.deck-platform span:nth-child(3){right:24%;bottom:16%;animation-delay:-1.1s}.deck-platform span:nth-child(4){bottom:16%;left:24%;animation-delay:-1.65s}#visualizer-canvas{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--secondary) 42%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--primary) 24%,transparent))}.vinyl-wrapper{isolation:isolate;border-color:color-mix(in srgb,var(--secondary) 12%,var(--border-glass));box-shadow:0 clamp(8px,1.67vw,24px) clamp(24px,4.45vw,64px) #000000a6,0 clamp(3px,.56vw,8px) clamp(7px,1.12vw,16px) #0006,0 0 28px color-mix(in srgb,var(--primary) 20%,transparent),0 0 19px color-mix(in srgb,var(--secondary) 17%,transparent),inset 0 1px 1px #ffffff1a}.vinyl-wrapper:before,.vinyl-wrapper:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.vinyl-wrapper:before{z-index:0;inset:-8%;padding:2px;background:conic-gradient(from 0deg,transparent 0 8%,var(--secondary) 12%,transparent 17% 38%,var(--primary) 44%,transparent 51% 68%,rgba(255,0,127,.92) 75%,transparent 81%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;filter:drop-shadow(0 0 4px var(--secondary)) drop-shadow(0 0 12px var(--primary));animation:reactor-rim-spin 7s linear infinite}.vinyl-wrapper:after{z-index:0;inset:-3%;border:1px solid color-mix(in srgb,var(--secondary) 44%,transparent);opacity:.36;box-shadow:0 0 8px var(--secondary-glow),inset 0 0 8px color-mix(in srgb,var(--primary) 22%,transparent)}.vinyl-disc{z-index:2}.vinyl-disc img{box-shadow:0 0 clamp(6px,1.05vw,15px) #0009,0 0 14px color-mix(in srgb,var(--secondary) 32%,transparent),0 0 23px color-mix(in srgb,var(--primary) 22%,transparent)}.tonearm:before,.tonearm:after{content:"";position:absolute;pointer-events:none}.tonearm:before{top:5.2%;left:39%;width:23%;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--secondary) 45%,transparent);border-radius:50%;box-shadow:0 0 7px var(--secondary-glow),0 0 14px color-mix(in srgb,var(--primary) 26%,transparent);animation:reactor-tonearm-dial 8s linear infinite}.tonearm:after{top:92%;left:25.5%;width:1px;height:18%;opacity:.4;background:linear-gradient(to bottom,var(--secondary),rgba(255,255,255,.88),transparent);box-shadow:0 0 4px var(--secondary),0 0 11px var(--secondary),0 0 20px var(--primary);transform:rotate(8deg);transform-origin:top}.lyrics-container{isolation:isolate;background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 5%,transparent),transparent 46%),linear-gradient(330deg,color-mix(in srgb,var(--secondary) 4%,transparent),transparent 42%),#0003;box-shadow:0 20px 44px #00000047,0 0 22px color-mix(in srgb,var(--primary) 6%,transparent),inset 0 0 36px #0000002e}.lyrics-header,.lyrics-scroll-area{z-index:2}.lyrics-header{position:relative;box-shadow:0 7px 20px #0000001f}.lyrics-header:before{content:"LYRIC FEED";margin-right:auto;margin-left:10px;color:color-mix(in srgb,var(--secondary) 45%,transparent);font-family:monospace;font-size:.48rem;font-weight:500;letter-spacing:.16em}.lyrics-energy-band{position:absolute;z-index:1;top:-24%;right:-12%;left:-12%;height:34%;opacity:calc(.26 + var(--audio-mid) * .2);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--primary) 10%,transparent) 42%,color-mix(in srgb,var(--secondary) 12%,transparent) 54%,transparent);filter:blur(4px);mix-blend-mode:screen;animation:reactor-lyrics-scan 7.4s linear infinite}.lyric-line{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.012),transparent)}.lyric-line.active{color:color-mix(in srgb,var(--secondary) 88%,white);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--secondary) 7%,transparent),transparent);text-shadow:0 0 calc(var(--lyric-pulse, 1) * 12px) var(--secondary-glow),0 0 calc(var(--lyric-pulse, 1) * 20px) color-mix(in srgb,var(--primary) 28%,transparent)}.player-controls{isolation:isolate;overflow:visible;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 45%),linear-gradient(180deg,#0c0c1985,#06060ebd);box-shadow:0 -18px 44px #00000036,0 -1px 16px color-mix(in srgb,var(--secondary) 5%,transparent),inset 0 1px color-mix(in srgb,var(--secondary) 11%,rgba(255,255,255,.04))}.player-controls>*:not(.dock-energy-rail){position:relative;z-index:2}.dock-energy-rail{position:absolute;z-index:1;top:-1px;right:0;left:0;height:2px;overflow:hidden;background:linear-gradient(90deg,transparent,var(--primary) 23%,rgba(255,255,255,.9) 50%,var(--secondary) 77%,transparent);box-shadow:0 0 6px var(--secondary),0 0 18px var(--primary-glow)}.dock-energy-rail:before{content:"";position:absolute;inset:-4px auto -4px -18%;width:18%;background:linear-gradient(90deg,transparent,white,transparent);filter:blur(1px);animation:reactor-dock-rail 3.8s linear infinite}.progress-slider-container{box-shadow:inset 0 0 8px #0006,0 0 10px color-mix(in srgb,var(--secondary) 5%,transparent)}.progress-slider-container:before{content:"";position:absolute;pointer-events:none;inset:-4px 0;border:1px solid color-mix(in srgb,var(--secondary) 9%,transparent);border-radius:7px}.progress-energy-particles{position:absolute;z-index:6;top:50%;right:0;left:0;height:18px;overflow:hidden;opacity:calc(.36 + var(--audio-high) * .32);transform:translateY(-50%);pointer-events:none;background-image:radial-gradient(circle,var(--secondary) 0 1px,transparent 1.5px),radial-gradient(circle,var(--primary) 0 .8px,transparent 1.3px);background-position:0 6px,19px 12px;background-size:38px 18px,51px 18px;filter:drop-shadow(0 0 4px var(--secondary));mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);animation:reactor-progress-particles 6s linear infinite}.mini-info img{box-shadow:0 7px 16px #00000052,0 0 10px color-mix(in srgb,var(--primary) 14%,transparent),0 0 18px color-mix(in srgb,var(--secondary) 8%,transparent)}.btn-play{box-shadow:0 4px 18px #8a2be266,0 0 14px color-mix(in srgb,var(--secondary) 32%,transparent),0 0 28px color-mix(in srgb,var(--primary) 26%,transparent),inset 0 1px #ffffff6b}.btn-play:after{content:"";position:absolute;z-index:-2;inset:-10px;padding:1px;border-radius:50%;opacity:.72;background:conic-gradient(from 0deg,transparent,var(--secondary),transparent 38%,var(--primary),transparent 73%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;filter:drop-shadow(0 0 4px var(--secondary)) drop-shadow(0 0 8px var(--primary));animation:reactor-play-orbit 5.4s linear infinite}.mobile-brand-mark,.mobile-header-action,.mobile-tabbar{box-shadow:0 0 18px color-mix(in srgb,var(--primary) 8%,transparent),inset 0 0 14px color-mix(in srgb,var(--secondary) 4%,transparent)}.mobile-app-header:after,.mobile-tabbar:before{content:"";position:absolute;right:10%;left:10%;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--secondary),transparent);box-shadow:0 0 8px var(--secondary-glow)}.mobile-app-header:after{bottom:0}.mobile-tabbar:before{top:0}.mobile-tab.active svg{filter:drop-shadow(0 0 4px var(--secondary)) drop-shadow(0 0 9px var(--primary))}@keyframes reactor-grid-drift{0%{transform:perspective(520px) rotateX(64deg) translate3d(0,12%,0)}to{transform:perspective(520px) rotateX(64deg) translate3d(54px,calc(12% + 34px),0)}}@keyframes reactor-stars-a{0%{transform:translateZ(0)}to{transform:translate3d(-92px,92px,0)}}@keyframes reactor-stars-b{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(42px,-28px,0) scale(1.035)}to{transform:translateZ(0) scale(1)}}@keyframes reactor-vignette-orbit{to{transform:rotate(360deg) scale(calc(1 + var(--audio-bass) * .035))}}@keyframes reactor-shell-scan{0%{transform:translateY(-120%)}to{transform:translateY(820%)}}@keyframes reactor-logo-breathe{0%,to{opacity:.48;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes reactor-logo-orbit{to{transform:rotate(360deg)}}@keyframes reactor-drop-scan{0%,15%{transform:translateY(-30%)}72%,to{transform:translateY(30%)}}@keyframes reactor-cover-scan{0%{background-position:-50px 0,0 0}to{background-position:80px 0,0 0}}@keyframes reactor-status-pulse{0%,to{opacity:.55;transform:scale(.78)}50%{opacity:1;transform:scale(1.18)}}@keyframes reactor-signal{0%{transform:scaleY(.38);opacity:.42}to{transform:scaleY(1);opacity:1}}@keyframes reactor-aura-orbit{to{transform:scale(calc(1 + var(--audio-bass) * .08)) rotate(360deg)}}@keyframes reactor-ring-clockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes reactor-ring-counter{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes reactor-platform-node{0%,to{opacity:.35;transform:scale(.65)}50%{opacity:1;transform:scale(1.35)}}@keyframes reactor-rim-spin{to{transform:rotate(360deg)}}@keyframes reactor-tonearm-dial{to{transform:rotate(360deg)}}@keyframes reactor-lyrics-scan{0%{transform:translateY(0)}to{transform:translateY(430%)}}@keyframes reactor-dock-rail{0%{transform:translate(0)}to{transform:translate(655%)}}@keyframes reactor-progress-particles{0%{background-position:0 6px,19px 12px}to{background-position:76px 6px,121px 12px}}@keyframes reactor-play-orbit{to{transform:rotate(360deg)}}@media(max-width:1180px){.brand{min-height:clamp(64px,10vh,78px)}.brand-system-label{letter-spacing:.17em}.lyrics-header:before{display:none}}@media(max-width:900px){body:after{opacity:.28}.app-container{border-radius:0;box-shadow:0 0 36px color-mix(in srgb,var(--primary) 13%,transparent),inset 0 0 42px #0000002e}.app-container:after{inset:3px;border-radius:0}.hud-corner{width:28px;height:28px;opacity:.65}.hud-corner:before{width:22px}.hud-corner:after{height:22px}.hud-corner-tl,.hud-corner-tr{top:calc(var(--mobile-header-height) + 7px)}.hud-corner-bl,.hud-corner-br{bottom:calc(var(--mobile-tabbar-height) + 7px)}.hud-corner-tl,.hud-corner-bl{left:7px}.hud-corner-tr,.hud-corner-br{right:7px}.shell-scanline{animation-duration:8s}.top-bar:before{right:16px;left:16px}.now-playing-overline{margin-bottom:5px;font-size:.5rem}.track-tech-row{margin-top:6px}.visualizer-container{filter:drop-shadow(0 16px 26px rgba(0,0,0,.3))}.reactor-ring-outer{width:98%;height:98%}.deck-platform{right:3%;left:3%}.player-controls{background:radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 48%),linear-gradient(180deg,#0c0c18e6,#070710fa);box-shadow:0 -18px 44px #00000047,0 -2px 20px color-mix(in srgb,var(--secondary) 9%,transparent),inset 0 1px color-mix(in srgb,var(--secondary) 16%,transparent)}.mobile-brand-mark{box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 34%,transparent),0 0 16px color-mix(in srgb,var(--secondary) 22%,transparent),inset 0 1px #ffffff47}.playlist-item:hover{transform:none}.track-cover-shell{width:36px;height:36px;flex-basis:36px}}@media(max-width:900px)and (max-height:800px){.now-playing-overline{margin-bottom:3px}.track-tech-row{position:absolute;top:10px;right:16px;margin:0}.track-tech-row .tech-chip:not(#current-format),.track-tech-row .tech-signal{display:none}}@media(max-width:340px){.now-playing-overline{max-width:72%;overflow:hidden;white-space:nowrap}.track-cover-shell{width:34px;height:34px;flex-basis:34px}.playlist-item .track-main{gap:8px}.progress-energy-particles{opacity:calc(.28 + var(--audio-high) * .32)}}@media(max-width:900px)and (max-height:520px)and (orientation:landscape){.hud-corner-tl,.hud-corner-tr{top:calc(var(--mobile-header-height) + 5px)}.hud-corner-bl,.hud-corner-br{bottom:calc(var(--mobile-tabbar-height) + 5px)}.deck-platform{height:27%}}@media(min-width:1181px)and (max-height:520px){.brand{min-height:64px;padding:10px 16px}.brand-system-label,.drop-zone{display:none}.import-section{padding:0 16px 8px}.playlist-header{padding-right:16px;padding-bottom:6px;padding-left:16px}.search-box{margin-bottom:6px}.now-playing-overline,.now-playing-info p,.track-tech-row{display:none}}@media(min-width:901px)and (max-width:1180px)and (max-height:520px)and (orientation:landscape){.now-playing-info p,.track-tech-row{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.01ms!important}}