.amll-lyric-player{width:100%;max-width:100%;height:100%;color:var(--amll-lp-color,white);contain:strict;mix-blend-mode:plus-lighter;font-size:var(--amll-lp-font-size,max(max(5vh,2.5vw),12px));overflow:hidden}@media screen and (max-width:768px){.amll-lyric-player{font-size:var(--amll-lp-font-size,max(8vw,12px))}}.amll-lyric-player.dom{--amll-lp-line-width-aspect:.8;--amll-lp-line-padding-x:1em;--amll-lp-bg-line-scale:.7;-webkit-user-select:none;user-select:none;box-sizing:content-box;z-index:1;line-height:1.2em}.amll-lyric-player.dom-slim{--amll-lp-line-width-aspect:.8;--amll-lp-line-padding-x:1em;--amll-lp-bg-line-scale:.7;-webkit-user-select:none;user-select:none;box-sizing:content-box;z-index:1;min-width:0;min-height:0;line-height:1.2em;overflow:hidden scroll}.amll-lyric-player.dom-slim::-webkit-scrollbar{opacity:0}.amll-lyric-player.dom-slim:hover::-webkit-scrollbar{opacity:1}.amll-lyric-player.dom-slim>*{content-visibility:auto;contain-intrinsic-size:100% 2em}@media screen and (max-width:768px){.amll-lyric-player{--amll-lp-line-width-aspect:1;--amll-lp-line-padding-x:0}}._lyricLine_ut4sn_6{backface-visibility:hidden;transform-origin:0;width:var(--amll-lp-width,100%);min-width:var(--amll-lp-width,100%);max-width:var(--amll-lp-width,100%);contain:content;will-change:transform;box-sizing:border-box;border-radius:.25em;width:100%;height:fit-content;padding:.5em 1em;transition:opacity .25s,filter .2s,background-color .25s,box-shadow .25s;position:absolute}@media screen and (max-width:500px){._lyricLine_ut4sn_6{padding-left:20px;padding-right:20px}}._lyricLine_ut4sn_6._dirty_ut4sn_34{opacity:0;visibility:hidden}._lyricLine_ut4sn_6:has(>*):hover{background-color:var(--amll-lp-hover-bg-color,#fff1)}._lyricLine_ut4sn_6:has(>*):active{background-color:var(--amll-lp-hover-bg-color,#ffffff05)}._lyricBgLine_ut4sn_50{opacity:.0001;font-size:max(calc(1em*var(--amll-lp-bg-line-scale,.7)),10px);padding:1vh calc(var(--amll-lp-line-padding-x,1em)/var(--amll-lp-bg-line-scale,.7));transition:opacity .25s,scale .5s,filter .2s,background-color .25s,box-shadow .25s}._lyricBgLine_ut4sn_50._active_ut4sn_62{opacity:.4;transition:opacity .5s .25s,scale 1.5s cubic-bezier(0,1,0,1) .25s,filter .2s,background-color .25s,box-shadow .25s}.amll-lyric-player:hover ._lyricLine_ut4sn_6{filter:unset!important}.amll-lyric-player._hasDuetLine_ut4sn_78 ._lyricLine_ut4sn_6:not(._lyricDuetLine_ut4sn_79){padding-right:15%}.amll-lyric-player._hasDuetLine_ut4sn_78 ._lyricDuetLine_ut4sn_79{padding-left:15%}.amll-lyric-player:not(.playing)>._lyricBgLine_ut4sn_50{opacity:.4}._lyricDuetLine_ut4sn_79{text-align:right;transform-origin:100%}._lyricMainLine_ut4sn_98{margin:-1em;padding:1em;transition:opacity .3s .1s}._lyricMainLine_ut4sn_98 span{display:inline-block}._lyricMainLine_ut4sn_98 ._romanWord_ut4sn_107{font-size:.5em;line-height:1em}._lyricMainLine_ut4sn_98>span,._lyricMainLine_ut4sn_98 span._emphasizeWrapper_ut4sn_113{white-space:pre-wrap;will-change:transform;margin:-1em;padding:1em;display:inline-block}:is(._lyricMainLine_ut4sn_98>span,._lyricMainLine_ut4sn_98 span._emphasizeWrapper_ut4sn_113)._emphasize_ut4sn_113,:is(._lyricMainLine_ut4sn_98>span,._lyricMainLine_ut4sn_98 span._emphasizeWrapper_ut4sn_113) span._emphasize_ut4sn_113{backface-visibility:hidden;margin:-1em;padding:1em}:is(:is(._lyricMainLine_ut4sn_98>span,._lyricMainLine_ut4sn_98 span._emphasizeWrapper_ut4sn_113)._emphasize_ut4sn_113,:is(._lyricMainLine_ut4sn_98>span,._lyricMainLine_ut4sn_98 span._emphasizeWrapper_ut4sn_113) span._emphasize_ut4sn_113)>span{will-change:transform;backface-visibility:hidden;margin:-1em;padding:1em}._lyricSubLine_ut4sn_136{opacity:.3;font-size:max(.5em,10px);line-height:1.5em;transition:opacity .2s .25s}._disableSpring_ut4sn_143>*{transition:filter .25s,transform .5s,background-color .25s,box-shadow .25s}._interludeDots_ut4sn_151{transform-origin:50%;opacity:0;gap:.25em;width:fit-content;height:clamp(.5em,1vh,3em);padding:2.5% .75em;transition:opacity .25s;display:flex;position:absolute;left:0}._interludeDots_ut4sn_151._enabled_ut4sn_163{opacity:1}._interludeDots_ut4sn_151>*{aspect-ratio:1;background-color:var(--amll-lp-color,white);border-radius:50%;width:clamp(.5em,1vh,3em);height:clamp(.5em,1vh,3em);margin-right:4px;display:inline-block}._interludeDots_ut4sn_151._duet_ut4sn_177{transform-origin:50%;right:0}@supports (mix-blend-mode:plus-lighter){._lyricSubLine_ut4sn_136{opacity:.3}}._tmpDisableTransition_ut4sn_189{transition:none!important}._lyricLine_1jop6_6{width:var(--amll-lp-width,100%);min-width:var(--amll-lp-width,100%);max-width:var(--amll-lp-width,100%);contain:content;box-sizing:border-box;border-radius:.25em;width:100%;height:fit-content;padding:2vh 1em;transition:opacity .25s,filter .2s,background-color .25s,box-shadow .25s}._lyricLine_1jop6_6:has(>*):hover{background-color:var(--amll-lp-hover-bg-color,#fff1)}._lyricLine_1jop6_6:has(>*):active{background-color:var(--amll-lp-hover-bg-color,#ffffff05)}._lyricBgLine_1jop6_36{opacity:0;font-size:max(calc(1em*var(--amll-lp-bg-line-scale,.7)),10px);padding:1vh calc(var(--amll-lp-line-padding-x,1em)/var(--amll-lp-bg-line-scale,.7));transition:opacity .25s,scale .5s,filter .2s,background-color .25s,box-shadow .25s}._lyricBgLine_1jop6_36._active_1jop6_49{opacity:.4;transition:opacity .5s .25s,scale 1.5s cubic-bezier(0,1,0,1) .25s,filter .2s,background-color .25s,box-shadow .25s}.amll-lyric-player:hover ._lyricLine_1jop6_6{filter:unset!important}.amll-lyric-player._hasDuetLine_1jop6_65 ._lyricLine_1jop6_6:not(._lyricDuetLine_1jop6_66){padding-right:15%}.amll-lyric-player._hasDuetLine_1jop6_65 ._lyricDuetLine_1jop6_66{padding-left:15%}._lyricDuetLine_1jop6_66{text-align:right;transform-origin:100%}._lyricMainLine_1jop6_80{contain:content paint;transition:opacity .3s .1s}._lyricMainLine_1jop6_80 span{white-space:pre;display:inline-block}._lyricSubLine_1jop6_90{opacity:.3;font-size:max(.5em,10px);line-height:1.5em;transition:opacity .2s .25s}._interludeDots_1jop6_97{transform-origin:50%;opacity:0;gap:.25em;width:fit-content;height:clamp(.5em,1vh,3em);padding:2.5% .75em;transition:opacity .25s;display:flex;left:0}._interludeDots_1jop6_97._enabled_1jop6_108{opacity:1}._interludeDots_1jop6_97>*{aspect-ratio:1;background-color:var(--amll-lp-color,white);border-radius:50%;width:clamp(.5em,1vh,3em);height:clamp(.5em,1vh,3em);margin-right:4px;display:inline-block}._interludeDots_1jop6_97._duet_1jop6_122{transform-origin:50%;right:0}@supports (mix-blend-mode:plus-lighter){._lyricSubLine_1jop6_90{opacity:.3}}._tmpDisableTransition_1jop6_134{transition:none!important}html,body{overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:#fff #222}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#222;border-radius:9999px}::-webkit-scrollbar-thumb{background:#fff;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ccc}::-webkit-scrollbar-button{display:none}@keyframes rainbow{0%{background-position:0% 0%}to{background-position:800% 0%}}.admin-rainbow-text{background:linear-gradient(90deg,red,#ff4500,#ff7f00,orange,#ff0,#adff2f,#0f0,#0ff,#00f,indigo,#8a2be2,#9400d3,#ff1493,red);background-size:800% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow 30s linear infinite;font-weight:700}:root{font-family:Montserrat,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegacy;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #0f0f0f;--bg-gradient: linear-gradient( 135deg, #171717 0%, #0f0f0f 25%, #080808 50%, #171717 100% );--text: #f5f5f5;--text-light: #d4d4d8;--text-muted: #a1a1aa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--primary: #60a5fa;--primary-hover: #3b82f6;--primary-light: rgba(96, 165, 250, .1);--primary-dark: #2563eb;--secondary: #a78bfa;--secondary-light: rgba(167, 139, 250, .1);--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .1);--accent-hover: #0891b2;--surface: #171717;--surface-secondary: #262626;--surface-hover: #2a2a2a;--surface-elevated: #1f1f1f;--surface-tertiary: #404040;--surface-primary: #1a1a1a;--border: #2a2a2a;--border-light: #363636;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--waveform-bg: #404040;--waveform-played: var(--primary);--waveform-remaining: #737373;--bs-body-bg: var(--bg);--bs-body-color: var(--text);--bs-border-color: var(--border);--bs-primary: var(--primary);--bs-link-color: var(--primary);--bs-link-hover-color: var(--primary-hover);--bs-modal-bg: var(--surface);--bs-modal-color: var(--text);--bs-dropdown-bg: var(--surface);--bs-dropdown-color: var(--text);--text-primary: var(--text);--border-color: var(--border);--bg-secondary: var(--surface-secondary);--accent-color: var(--accent);--error: #f87171;--error-bg: rgba(248, 113, 113, .1);--error-border: rgba(248, 113, 113, .2)}:root .track-cover-overlay{background:#00000080!important}:root .track-cover-container .play-button{box-shadow:0 4px 12px #38bdf866!important}:root .track-cover-container .play-button:hover{box-shadow:0 6px 20px #38bdf899!important}:root .track-cover-container .play-button.playing{box-shadow:0 4px 12px #38bdf899!important}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg-gradient);color:var(--text);min-height:100vh;transition:background .3s ease,color .3s ease}a{color:var(--bs-link-color)}a:hover{color:var(--bs-link-hover-color)}.modal-content{background:var(--bs-modal-bg);color:var(--bs-modal-color)}.dropdown-menu{background:var(--bs-dropdown-bg);color:var(--bs-dropdown-color);border-color:var(--bs-border-color)}.dropdown-item{color:var(--bs-dropdown-color)}.dropdown-item:hover{background:var(--surface-hover);color:var(--text)}.btn-close{filter:invert(1) grayscale(100%) brightness(200%);opacity:.9}a{color:inherit;text-decoration:none}a:hover{color:var(--primary);transition:color .2s ease}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:24px;border:none;background:var(--primary);color:#fff;font-weight:500;font-size:14px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.btn:hover{background:var(--primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow)}.input{width:100%;padding:14px 16px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;outline:none;transition:all .2s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input.error{border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-light)}.input.error:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-light)}.text-muted{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.container{max-width:1240px!important;margin:0 auto!important;padding:0 20px!important}html body,html body .container,html body .card,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body p,html body div,html body span{color:var(--text)!important}.btn:not(.bootstrap-btn){background:var(--primary)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:20px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;text-decoration:none!important;display:inline-block!important}.btn:not(.bootstrap-btn):hover{background:var(--primary-hover)!important;transform:translateY(-1px)!important;text-decoration:none!important;color:#fff!important}.btn-secondary:not(.bootstrap-btn){background:var(--surface-hover)!important;color:var(--text)!important}.btn-secondary:not(.bootstrap-btn):hover{background:var(--border)!important;color:var(--text)!important}html body .btn{color:#fff!important}html body .btn-secondary{color:var(--text)!important}html body .theme-toggle{background:var(--surface-hover)!important;color:var(--text)!important;border:none!important;border-radius:50%!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;font-size:18px!important}html body .theme-toggle:hover{background:var(--border)!important;transform:scale(1.1)!important}.player-cover{transition:all .2s ease!important;border-radius:4px!important}.player-cover:hover{transform:scale(1.05)!important;opacity:.9!important}.audio-player{display:flex!important;align-items:center!important;gap:16px!important;padding:12px 0!important;width:100%!important}.play-button{width:36px!important;height:36px!important;border-radius:50%!important;background:var(--primary)!important;border:none!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;font-size:14px!important;box-shadow:0 2px 6px #0000001a!important;position:relative!important;overflow:hidden!important;outline:none!important;flex-shrink:0!important}.play-button:hover{transform:scale(1.1)!important;box-shadow:0 3px 10px #00000026!important}.play-button.playing{background:var(--secondary)!important}.play-icon,.pause-icon{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;width:100%!important;height:100%!important;font-size:14px!important}.play-button .pause-icon,.play-button.playing .play-icon{display:none!important}.play-button.playing .pause-icon{display:block!important}.play-button:before,.play-button:after,.play-icon:before,.play-icon:after,.pause-icon:before,.pause-icon:after{display:none!important;content:none!important}.play-button:focus{outline:none!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3)!important}.play-button:active{transform:scale(.95)!important}.audio-player .play-button .play-icon{opacity:1!important;visibility:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}.audio-player .play-button .pause-icon{opacity:0!important;visibility:hidden!important;display:none!important;position:absolute!important;inset:0!important;align-items:center!important;justify-content:center!important}.audio-player .play-button.playing .play-icon{opacity:0!important;visibility:hidden!important;display:none!important;position:absolute!important;inset:0!important}.audio-player .play-button.playing .pause-icon{opacity:1!important;visibility:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}.waveform-container{flex:1!important;height:36px!important;display:flex!important;align-items:center!important;min-width:0!important}.waveform-player{width:100%!important;height:100%!important;position:relative!important;background:var(--surface-secondary)!important;border-radius:8px!important;overflow:hidden!important;display:flex!important;align-items:center!important}.waveform-bars{display:flex!important;height:100%!important;width:100%!important;align-items:center!important;justify-content:space-around!important;padding:4px 8px!important}.waveform-bar{width:3px!important;background:var(--border)!important;border-radius:2px!important;transition:all .3s ease!important}.waveform-bar.animate{background:var(--primary)!important;animation:waveform-pulse 1s ease-in-out infinite alternate!important}@keyframes waveform-pulse{0%{opacity:.5!important;transform:scaleY(.8)!important}to{opacity:1!important;transform:scaleY(1.2)!important}}.player-controls{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.player-btn{background:transparent!important;border:none!important;color:var(--text)!important;cursor:pointer!important;padding:8px!important;border-radius:50%!important;transition:all .2s ease!important;font-size:16px!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important}.player-btn:hover:not(:disabled){background:var(--surface-hover)!important;transform:scale(1.1)!important}.player-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.player-btn.active{background:var(--primary)!important;color:#fff!important}.player-btn.play-btn{font-size:20px!important;width:48px!important;height:48px!important}.like-btn{background:var(--surface-hover)!important;color:var(--text)!important;border:1px solid var(--border)!important;padding:8px 16px!important;border-radius:20px!important;font-size:14px!important;transition:all .2s ease!important}.like-btn:hover{background:#ff6b6b!important;color:#fff!important;border-color:#ff6b6b!important;transform:scale(1.05)!important}.like-btn.liked{background:#ff6b6b!important;color:#fff!important;border-color:#ff6b6b!important}.repost-btn.reposted{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}@media (max-width: 768px){body{padding:0!important;margin:0!important}.container{padding:0 12px!important;max-width:100%!important;margin:0 auto!important}main{padding-bottom:140px!important}.tracks-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}.track-card{margin:0!important;border-radius:12px!important}.card{margin:12px auto!important;border-radius:12px!important;padding:16px!important}.btn{padding:10px 16px!important;font-size:14px!important;white-space:nowrap!important;border-radius:8px!important;min-height:44px!important}.btn-sm{padding:8px 12px!important;font-size:13px!important;min-height:36px!important}.btn-secondary{padding:8px 14px!important;font-size:13px!important}.theme-toggle{width:40px!important;height:40px!important;font-size:16px!important;min-width:40px!important}.global-player{bottom:0!important;left:0!important;right:0!important;border-radius:0!important;padding:12px 16px!important;min-height:140px!important;max-height:160px!important;z-index:1050!important;box-shadow:0 -4px 12px #00000026!important}.global-player-content{flex-direction:column!important;gap:10px!important;height:100%!important}.player-track-info{width:100%!important;justify-content:flex-start!important;gap:12px!important;flex:0 0 auto!important}.player-cover{width:40px!important;height:40px!important;border-radius:6px!important}.player-details{flex:1!important;min-width:0!important}.player-title{font-size:14px!important;line-height:1.3!important;font-weight:600!important}.player-artist{font-size:12px!important;opacity:.8!important;margin-top:2px!important}.player-controls{width:100%!important;justify-content:center!important;gap:12px!important;flex-wrap:nowrap!important;flex:0 0 auto!important;order:3!important}.player-btn{width:36px!important;height:36px!important;font-size:14px!important;padding:6px!important;min-width:36px!important}.player-btn.play-btn{width:44px!important;height:44px!important;font-size:18px!important}.player-progress{width:100%!important;gap:8px!important;flex:0 0 auto!important;order:2!important}.time-display{font-size:15px!important;min-width:35px!important}.progress-bar{height:6px!important;border-radius:3px!important}.player-volume{display:none!important}.form-row{flex-direction:column!important;gap:12px!important}.form-group{width:100%!important;margin-bottom:16px!important}.form-label{font-size:14px!important;margin-bottom:6px!important}.input,.textarea{padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;min-height:44px!important}.textarea{min-height:100px!important}.edit-actions{flex-direction:column!important;gap:12px!important}.custom-toast{min-width:280px!important;max-width:90vw!important;padding:15px 20px!important;font-size:14px!important}h1{font-size:24px!important;line-height:1.3!important}h2{font-size:20px!important;line-height:1.3!important}h3{font-size:18px!important;line-height:1.3!important}.container>div[style*=padding]{padding:20px 0 16px!important}.track-stats{gap:12px!important;flex-wrap:wrap!important}.track-stat{font-size:12px!important;padding:4px 8px!important}.edit-section{margin-top:16px!important;padding:16px!important;border-radius:12px!important}.audio-player{gap:12px!important;padding:8px 0!important}}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:20px!important;font-weight:600!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important;transition:all .3s ease!important;box-shadow:0 4px 15px #667eea4d!important}.btn-upgrade:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #667eea66!important;color:#fff!important;text-decoration:none!important}.btn-upgrade:active{transform:translateY(0)!important}.track-card{background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s ease;border:1px solid var(--border-light)}.track-card:hover{box-shadow:var(--shadow)}.track-card.playing{border:2px solid var(--primary)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)!important}.track-card.playing .track-title{color:var(--primary)!important}.track-cover-container{position:relative!important;cursor:pointer!important;overflow:hidden!important;border-radius:8px 8px 0 0!important}.track-cover-overlay{position:absolute!important;inset:0!important;background:#0000004d!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:opacity .3s ease!important;z-index:2!important}.track-cover-container:hover .track-cover-overlay{opacity:1!important}.track-cover-container .play-button{width:60px!important;height:60px!important;border-radius:50%!important;background:var(--primary)!important;border:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;box-shadow:0 4px 12px #0000004d!important;z-index:3!important}.track-cover-container .play-button:hover{background:var(--primary-hover)!important;transform:scale(1.1)!important;box-shadow:0 6px 20px #0006!important}.track-cover-container .play-button.playing{background:var(--primary-hover)!important;animation:pulse 2s infinite!important}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #0000004d}50%{transform:scale(1.05);box-shadow:0 6px 20px #0006}to{transform:scale(1);box-shadow:0 4px 12px #0000004d}}.track-cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-secondary);transition:transform .3s ease,filter .3s ease!important;display:block!important}.track-cover-container:hover .track-cover{transform:scale(1.05)!important}.track-info{padding:16px}.track-title{font-weight:600;font-size:14px;color:var(--text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-author{color:var(--text-light);font-size:14px;margin-bottom:8px}.track-stats{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:12px}.track-stat{display:flex;align-items:center;gap:4px}.waveform-player{width:100%;height:60px;background:var(--waveform-bg);border-radius:4px;margin:12px 0;position:relative;cursor:pointer}.waveform-progress{height:100%;background:var(--waveform-played);border-radius:4px;transition:width .1s ease}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg);padding:40px;width:100%;max-width:420px;border:1px solid var(--border)}.auth-title{text-align:center;font-size:24px;font-weight:700;color:var(--text);margin-bottom:8px}.auth-subtitle{text-align:center;color:var(--text-light);margin-bottom:32px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;color:var(--text);margin-bottom:6px;font-size:14px}.form-label .required-star{color:#ef4444!important;margin-left:4px}.required-star{color:#ef4444!important;font-weight:700;margin-left:4px}.error-message{color:var(--error);background:var(--error-bg);padding:8px 12px;border-radius:4px;font-size:14px;margin-top:6px;margin-bottom:0;border:1px solid var(--error-border);animation:shake .5s ease-in-out;display:flex;align-items:center;gap:6px;font-weight:500;line-height:1.4;word-wrap:break-word}.form-group .error-message{padding:6px 10px;font-size:15px;margin-top:4px;margin-bottom:0;max-width:100%;word-wrap:break-word;color:var(--error);background:var(--error-bg);border:1px solid var(--error-border)}form>.error-message{padding:10px 14px;font-size:15px;margin-bottom:16px;color:var(--error);background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;font-weight:500}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:18px}.theme-toggle:hover{background:var(--surface-hover);transform:scale(1.1) rotate(15deg);box-shadow:var(--shadow)}.theme-toggle:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.track-card{animation:fadeIn .6s ease forwards}.track-card:nth-child(1){animation-delay:.1s}.track-card:nth-child(2){animation-delay:.2s}.track-card:nth-child(3){animation-delay:.3s}.track-card:nth-child(4){animation-delay:.4s}.track-card:nth-child(5){animation-delay:.5s}.track-card:nth-child(6){animation-delay:.6s}.auth-card{animation:fadeIn .8s ease forwards}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.loading{animation:pulse 1.5s ease-in-out infinite}.input:focus{animation:pulse .3s ease}.global-player{position:fixed;bottom:0;left:0;right:0;background:var(--surface-elevated);border-top:1px solid var(--border-light);padding:12px 20px;z-index:1000;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);animation:slideUp .3s ease;box-shadow:var(--shadow-lg);transition:transform .3s ease}.global-player-content{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:16px}.player-track-info{display:flex;align-items:center;gap:12px;flex:0 0 250px}.player-cover{width:48px;height:48px;border-radius:6px;object-fit:cover}.player-details{min-width:0}.player-title{display:block;font-weight:600;font-size:14px;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{display:block;font-size:12px;color:var(--text-light);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.player-btn:hover{background:var(--surface-hover);transform:scale(1.1)}.play-btn{font-size:24px}.player-progress{display:flex;align-items:center;gap:8px;flex:1}.time-display{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:35px}.progress-bar{flex:1;height:4px;background:var(--waveform-bg);border-radius:2px;cursor:pointer;position:relative}.progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .1s linear}.player-volume{gap:8px}.volume-slider{flex:1;height:4px;background:var(--waveform-bg);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.audio-player{display:flex;align-items:center;gap:16px;width:100%}.play-button{background:var(--primary);border:none;width:48px;height:48px;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.play-button:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:var(--shadow)}.play-button.playing{animation:pulse 2s ease-in-out infinite}.waveform-container{flex:1;height:60px}.waveform-player{width:100%;height:100%;background:var(--waveform-bg);border-radius:6px;position:relative;overflow:hidden}.waveform-bars{display:flex;align-items:end;height:100%;padding:8px;gap:2px}.waveform-bar{flex:1;background:var(--primary);border-radius:1px;opacity:.3;transition:all .3s ease}.waveform-bar.animate{animation:waveform .6s ease-in-out infinite alternate;opacity:.8}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes waveform{0%{transform:scaleY(.5);opacity:.3}to{transform:scaleY(1.2);opacity:1}}.edit-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px;margin-top:24px;box-shadow:var(--shadow-sm)}.edit-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.edit-actions{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.volume-container{position:relative;display:flex;align-items:center}.volume-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.volume-btn:hover{color:var(--text);background:var(--surface-hover)}.volume-slider-container{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;height:120px;padding:12px 6px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:all .2s ease;margin-bottom:8px;z-index:1001;display:flex;align-items:center;justify-content:center}.volume-container:hover .volume-slider-container{opacity:1;visibility:visible}.volume-slider-vertical{writing-mode:vertical-lr;direction:rtl;width:8px;height:100px;background:var(--surface-secondary);outline:none;border-radius:4px;cursor:pointer;-webkit-appearance:none;appearance:none;border:2px solid var(--border);box-shadow:inset 0 2px 4px #0000001a;transition:all .2s ease}.volume-slider-vertical:hover{border-color:var(--primary);box-shadow:inset 0 2px 4px #00000026,0 0 0 2px #38bdf833}.volume-slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;transition:all .2s ease;border:2px solid white;box-shadow:0 2px 8px #0000004d}.volume-slider-vertical::-webkit-slider-thumb:hover{background:var(--primary-hover);transform:scale(1.3);box-shadow:0 4px 12px #0006}.volume-slider-vertical::-webkit-slider-track{background:linear-gradient(to top,var(--primary) 0%,var(--primary) 50%,var(--surface-secondary) 50%,var(--surface-secondary) 100%);border-radius:4px}.volume-slider-vertical::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.volume-slider-vertical::-moz-range-thumb:hover{background:var(--primary-hover);transform:scale(1.3);box-shadow:0 4px 12px #0006}.volume-slider-vertical::-moz-range-track{background:var(--surface-secondary);border-radius:4px;border:2px solid var(--border)}.audio-player{display:flex;align-items:center;gap:12px;padding:12px 0}.play-button{background:var(--primary);color:#fff;border:none;border-radius:50%;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.play-button:hover{background:var(--primary-hover);transform:scale(1.05)}.waveform-container{flex:1;min-width:0}.audio-visualizer-container{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.audio-player{gap:8px;padding:8px 0}.play-button{padding:10px}.volume-slider-container{height:60px;padding:8px 4px}.volume-slider-vertical{height:60px}.player-btn svg{width:14px;height:14px}.player-btn.play-btn svg{width:18px;height:18px}}img,div[style*=background-image],div[style*="background:"],canvas{-ms-interpolation-mode:bicubic;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;filter:contrast(1.02) brightness(1.01)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){img,div[style*=background-image],div[style*="background:"]{image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;filter:contrast(1.03) brightness(1.015) saturate(1.02)}}div[style*=avatar],div[style*=banner],.avatar,.banner{-ms-interpolation-mode:bicubic!important;-webkit-image-rendering:-webkit-optimize-contrast!important;image-rendering:high-quality!important;filter:contrast(1.03) brightness(1.02) saturate(1.01)!important}@keyframes rainbow-admin{0%{background:linear-gradient(45deg,red,#ff7f00)}14%{background:linear-gradient(45deg,#ff7f00,#ff0)}28%{background:linear-gradient(45deg,#ff0,#0f0)}42%{background:linear-gradient(45deg,#0f0,#00f)}57%{background:linear-gradient(45deg,#00f,indigo)}71%{background:linear-gradient(45deg,indigo,#9400d3)}85%{background:linear-gradient(45deg,#9400d3,red)}to{background:linear-gradient(45deg,red,#ff7f00)}}.required{color:#ef4444!important;font-weight:700;font-size:16px;margin-left:2px}.form-input{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--primary)}.form-input.error{border-color:#ef4444}.error-message{color:var(--error);font-size:15px;background:var(--error-bg);padding:6px 10px;border-radius:4px;border:1px solid var(--error-border);margin-top:4px;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.lyrics-input{margin-top:8px;font-family:Montserrat,sans-serif}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.modal-overlay.has-global-player{bottom:65px}.modal-content{background:var(--surface-primary);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0000004d}.modal-content h3{margin:0 0 16px;color:var(--text-primary);font-size:18px;font-weight:600}.modal-content p{margin:0 0 24px;color:var(--text-secondary);line-height:1.5}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-sm{padding:6px 12px;font-size:12px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.edit-history{max-height:400px;overflow-y:auto}.edit-history-item{border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px;background:var(--surface-secondary)}.edit-history-item:last-child{margin-bottom:0}.edit-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.edit-editor{font-weight:600;color:var(--text-primary)}.edit-time{font-size:12px;color:var(--text-muted)}.edit-content-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-old-content,.edit-new-content{padding:12px;border-radius:6px;background:var(--surface-primary)}.edit-old-content{border:1px solid var(--danger-light)}.edit-new-content{border:1px solid var(--success-light)}.edit-old-content strong{color:var(--danger);display:block;margin-bottom:8px}.edit-new-content strong{color:var(--success);display:block;margin-bottom:8px}.edit-text{line-height:1.5;white-space:pre-wrap;word-break:break-word}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.modal-close{background:#333;border:none;font-size:28px;color:#fff;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;transform:none!important;font-weight:400;line-height:1;text-align:center;font-family:Montserrat,sans-serif;position:relative}.modal-close:before{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:400;line-height:1}.modal-close:hover{background:#444;color:#fff;transform:none!important}.modal-footer{padding-top:16px;border-top:1px solid var(--border);margin-top:16px;display:flex;justify-content:flex-end;gap:12px}.search-highlight{background:var(--primary);color:#fff;padding:2px 4px;border-radius:4px;font-weight:600;box-shadow:0 1px 3px #0003}.modal-content.error-modal{max-width:585px!important;width:100%!important;padding:0!important;border-radius:12px!important}.error-modal{max-width:585px;padding:0}.error-header{background:linear-gradient(135deg,#dc3545,#c82333);border-bottom:1px solid #b21f2d;text-align:center;position:relative;display:flex!important;justify-content:center!important;align-items:center!important;padding-right:80px!important;padding-left:20px!important}.error-header h3{color:#fff!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:currentColor!important;background-clip:border-box!important;text-align:center;width:100%;margin:0 auto;flex:1}.success-header{background:linear-gradient(135deg,#28a745,#20c997);border-bottom:1px solid #1e7e34;text-align:center;position:relative;display:flex!important;justify-content:center!important;align-items:center!important;padding-right:80px!important;padding-left:20px!important}.success-header h3{color:#fff!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:currentColor!important;background-clip:border-box!important;text-align:center;width:100%;margin:0 auto;flex:1}.modal-header.success-header h3,.modal-header.error-header h3{color:#fff!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:currentColor!important;background-clip:border-box!important;text-align:center!important;margin:0 auto!important;flex:1!important}.error-modal .modal-close{background:#333;border:none;font-size:32px;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;font-weight:600;line-height:1;text-align:center;font-family:Montserrat,sans-serif;position:absolute!important;top:50%!important;right:15px!important;transform:translateY(-50%)!important;box-shadow:0 2px 8px #0000004d;z-index:10}.error-modal .modal-close:before{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:600;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.error-modal .modal-close:hover{background:#444;color:#fff;transform:translateY(-50%)!important;box-shadow:0 4px 12px #0006}.error-message-text{color:#ccc;font-size:18px;line-height:1.5;margin-bottom:0!important;text-align:center;padding:16px;background:#2a2a2a;border-radius:8px}.error-modal-actions,.modal-content.error-modal .error-modal-actions{display:flex;justify-content:center;margin-top:0!important;margin-bottom:0!important;padding:0 24px 16px!important;background:#1a1a1a!important}.error-modal-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.error-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc354566}.error-modal-btn.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:6px!important;cursor:pointer!important;transition:all .3s ease!important}.error-modal-btn.cancel-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #6b728066!important;background:linear-gradient(135deg,#4b5563,#374151)!important}.error-modal-btn.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:6px!important;cursor:pointer!important;transition:all .3s ease!important}.error-modal-btn.delete-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #dc354566!important;background:linear-gradient(135deg,#c82333,#a71e2a)!important}.error-modal-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.error-modal-btn.success-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:6px!important;cursor:pointer!important;transition:all .3s ease!important}.error-modal-btn.success-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #10b98166!important;background:linear-gradient(135deg,#059669,#047857)!important}.modal-content.error-modal .success-header+.modal-body+.error-modal-actions .error-modal-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;border-radius:8px!important;padding:12px 24px!important;font-size:15px!important;min-width:120px!important}.modal-content.error-modal .success-header+.modal-body+.error-modal-actions .error-modal-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #10b98166!important}.edit-content-old{background-color:#2d3748!important;color:#e2e8f0!important;border:1px solid #4a5568!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:14px!important;line-height:1.5!important}.edit-content-new{background-color:#1a202c!important;color:#e2e8f0!important;border:1px solid #2d3748!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:14px!important;line-height:1.5!important}.modal-content .edit-content-old,.modal-content .edit-content-new{color:#e2e8f0!important;background-color:#2d3748!important}.modal-content .edit-content-new{background-color:#1a202c!important}.error-modal.fade-out{animation:modalFadeOut .3s ease-out forwards}.modal-content.error-modal .modal-header{padding:20px 24px!important;margin:0!important;border-radius:12px 12px 0 0!important}.error-modal .modal-body,.modal-content.error-modal .modal-body{padding:16px 24px 0!important;background:#1a1a1a!important}.modal-content.error-modal{background:#1a1a1a!important}.modal-content.error-modal .error-modal-actions{background:#1a1a1a!important;padding:4px 24px 12px!important;margin:0!important}.modal-content.fade-out{animation:modalFadeOut .3s ease-out forwards}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-overlay.fade-out{animation:overlayFadeOut .3s ease-out forwards}@keyframes overlayFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.modal-overlay.fade-in{animation:overlayFadeIn .3s ease-out forwards}.modal-content.fade-in{animation:modalFadeIn .3s ease-out forwards}@media (max-width: 768px){.error-modal{max-width:90%;margin:0 auto;padding:20px 20px 10px}}.settings-modal .modal-header{background:var(--surface-secondary);border-bottom:1px solid var(--border);border-radius:16px 16px 0 0}.lyrics-modal .modal-header h3{font-size:1.6rem}.modal-overlay.topmost-modal-overlay{z-index:100002!important}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-avatar,.comment-avatar,.listener-avatar{width:40px;height:40px}.user-avatar{width:48px;height:48px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:64px;height:64px}.avatar-2xl{width:80px;height:80px}.avatar-3xl{width:120px;height:120px}.avatar-4xl{width:160px;height:160px}.avatar-xxl{width:200px;height:200px}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-placeholder{width:100%;height:100%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:inherit}.avatar-sm .avatar-placeholder{font-size:14px}.avatar-md .avatar-placeholder{font-size:16px}.avatar-lg .avatar-placeholder{font-size:18px}.avatar-xl .avatar-placeholder{font-size:20px}.avatar-2xl .avatar-placeholder{font-size:24px}.avatar-3xl .avatar-placeholder{font-size:32px}.avatar-4xl .avatar-placeholder{font-size:48px}.avatar-xxl .avatar-placeholder{font-size:64px}.avatar[onclick]{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.avatar[onclick]:hover{transform:scale(1.05)}.avatar[onclick]:active{transform:scale(.98)}.avatar:focus{outline:none;box-shadow:0 0 0 2px var(--primary)}.avatar-border{border:2px solid var(--border-color)}.avatar-border-primary{border:2px solid var(--primary)}.avatar-border-accent{border:2px solid var(--accent-color)}.avatar-shadow{box-shadow:0 2px 8px #00000026}.avatar-shadow-lg{box-shadow:0 4px 12px #00000040}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:50%;border:2px solid white}.avatar-status-online{background:#10b981}.avatar-status-offline{background:#6b7280}.avatar-status-busy{background:#ef4444}.avatar-status-away{background:#f59e0b}main{padding-top:0}.home-container,.page-container{margin-top:0;padding-top:0}.home-header.scrolled{box-shadow:0 10px 28px #00000059,0 1px #ffffff0f inset;background:var(--home-header-glass-bg-scrolled);border-bottom-color:var(--home-header-glass-border-scrolled)}body{padding-top:64px}@media (max-width: 768px){body{padding-top:60px}}@media (max-width: 480px){body{padding-top:56px}}@media (max-width: 360px){body{padding-top:52px}}body.fullscreen-active .home-header,html.fullscreen-active .home-header{opacity:0;pointer-events:none;transform:translateY(-100%);transition:all .3s ease}.notification-dropdown{width:400px;max-width:400px;max-height:480px;position:relative;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 8px 32px #00000080;overflow:hidden}.notification-dropdown.mobile{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.notification-header{padding:12px 16px;font-weight:600;background:#1a1a1afa;z-index:10;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center}.notification-mark-all-btn{background:none;border:none;color:#fff;font-size:14px;font-weight:400;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.notification-mark-all-btn:hover{background:#ffffff1a}.notification-content{flex:1;overflow-y:auto;max-height:360px;scrollbar-width:thin;scrollbar-color:#fff #222}.notification-content::-webkit-scrollbar{width:8px}.notification-content::-webkit-scrollbar-track{background:#222;border-radius:9999px}.notification-content::-webkit-scrollbar-thumb{background:#fff;border-radius:9999px}.notification-content::-webkit-scrollbar-thumb:hover{background:#ccc}.notification-loading,.notification-empty{padding:12px}.notification-list{list-style:none;margin:0;padding:0}.notification-item{padding:12px 16px;display:grid;grid-template-columns:48px 1fr 64px;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.notification-item--system{grid-template-columns:56px 1fr;align-items:flex-start}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#ffffff05}.notification-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#333;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative}.notification-avatar--system{width:48px;height:48px;background:#1e293bf2;border:1px solid rgba(148,163,184,.4);font-size:20px;color:#e2e8f0f2;border-radius:12px}.notification-system-logo{width:32px;height:32px;object-fit:contain}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-avatar-badge{position:absolute;bottom:-2px;right:-2px}.notification-avatar-badge .verified-badge{margin-left:0;border-width:1px}.notification-avatar-badge .verified-badge.size-sm{width:14px;height:14px;font-size:9px}.notification-main-content{min-width:0}.notification-main-content--system{display:flex;flex-direction:column;gap:6px;min-width:0}.notification-text{font-size:15px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.notification-system-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#df2121d1;border:1px solid rgba(248,113,113,.7);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#fff;width:fit-content;font-weight:600;box-shadow:0 0 12px #f8717166}.notification-system-body{display:flex;flex-direction:column;gap:6px}.notification-system-text{margin:0;font-size:15px;color:#e2e8f0eb;line-height:1.55;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.notification-system-lead-text{font-weight:400;color:#e2e8f0d9}.notification-system-track{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;color:#c7d2fe;font-weight:500;font-size:15px;letter-spacing:0}.notification-system-owner{font-weight:400;color:#e2e8f0d9}.notification-system-reason{background:#0f172ab8;border-left:3px solid rgba(248,113,113,.55);padding:8px 12px;border-radius:8px;color:#fecaca;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fff #222}.notification-system-reason::-webkit-scrollbar{width:8px}.notification-system-reason::-webkit-scrollbar-track{background:#222;border-radius:9999px}.notification-system-reason::-webkit-scrollbar-thumb{background:#fff;border-radius:9999px}.notification-system-reason::-webkit-scrollbar-thumb:hover{background:#ccc}@media (max-width: 768px){.notification-text,.notification-system-text{font-size:13.5px;line-height:1.5}.notification-system-track{font-size:14px}.notification-system-reason{font-size:13px}}.notification-system-footer{margin:0;color:#94a3b8d9;font-size:15px;font-style:italic}.notification-main-content--system strong{color:#f8fafc}.notification-text .actor-name{display:inline-flex;align-items:center;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.notification-text .actor-name-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color .2s ease}.notification-text .actor-name:hover .actor-name-text,.notification-text .actor-name:focus-visible .actor-name-text{color:#ff6b9d}.notification-text .actor-name:hover .admin-rainbow-text,.notification-text .actor-name:focus-visible .admin-rainbow-text{background:none;color:#ff6b9d;-webkit-text-fill-color:#ff6b9d}.notification-text-unread{font-weight:600}.notification-comment-content{font-size:14px;margin-top:4px;padding:4px 6px;background:#ffffff0d;border-radius:4px;border-left:2px solid #ff6b9d;font-style:italic;color:#ccc}.notification-track-title{font-size:15px;margin-top:4px;font-style:italic;max-width:200px}.notification-track-title span{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notification-time{font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.notification-time--system{margin-top:0;color:#94a3b8e6;gap:6px}.notification-track-artwork{width:64px;height:64px;border-radius:6px;overflow:hidden;flex:0 0 auto;border:1px solid rgba(255,255,255,.1)}.notification-track-artwork img{width:100%;height:100%;object-fit:cover}.notification-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);text-align:center;background:#1a1a1afa;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.notification-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(26,26,26,.98) 0%,transparent 100%);pointer-events:none}.notification-view-all-link{color:#fff;text-decoration:none;font-size:14px;font-weight:500;display:block;width:100%}.notification-view-all-link:hover{color:#f3f4f6}.unread-badge{position:absolute;top:-4px;right:-4px;background:#ff4d4f;color:#fff;border-radius:10px;padding:0 6px;font-size:10px;line-height:16px;min-width:16px;text-align:center}.home-container,.page-container,.main-content,.content-wrapper{padding-top:0;margin-top:0}.home-header{position:fixed;top:0;left:0;right:0;z-index:1000;--home-header-glass-bg: rgba(18, 18, 18, .38);--home-header-glass-bg-scrolled: rgba(18, 18, 18, .52);--home-header-glass-border: rgba(255, 255, 255, .1);--home-header-glass-border-scrolled: rgba(255, 255, 255, .14);background:var(--home-header-glass-bg);border-bottom:1px solid var(--home-header-glass-border);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);transition:all .3s ease;width:100%;animation:slideDown .3s ease;isolation:isolate}.home-header:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 140% at 18% -30%,#ffffff2e,#ffffff0f 38%,#fff0 72%),radial-gradient(140% 140% at 82% 140%,#ffffff1a,#ffffff0a 30%,#fff0 62%),linear-gradient(90deg,#ffffff0a,#ffffff05 35%,#ffffff0a);opacity:.9}.header-loading{opacity:.7;pointer-events:none}.header-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid var(--primary);border-radius:50%;-webkit-animation:headerSpin 1s linear infinite;animation:headerSpin 1s linear infinite}@keyframes headerSpin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;max-width:1400px;margin:0 auto;position:relative;z-index:1000}.header-left{display:flex;align-items:center;-webkit-gap:2rem;gap:2rem}.header-logo{display:flex;align-items:center;justify-content:center;-webkit-gap:.75rem;gap:.75rem}.logo-link{display:flex;align-items:center;gap:6px}.logo-text{font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:-.5px;margin:0;line-height:1;white-space:nowrap}.logo-image{height:64px;width:auto;object-fit:contain;cursor:pointer;flex-shrink:0;display:inline-block;margin-top:8px;border:2px solid transparent;box-sizing:border-box}.logo-image{-webkit-animation:logoFloat 3s ease-in-out infinite;animation:logoFloat 3s ease-in-out infinite}.logo-image:focus{outline:none;border-color:var(--primary);border-radius:8px;animation:borderPulse .6s ease-out}@keyframes logoFloat{0%,to{-webkit-transform:scale(1.05) rotate(2deg) translateY(0);-ms-transform:scale(1.05) rotate(2deg) translateY(0);transform:scale(1.05) rotate(2deg) translateY(0)}50%{-webkit-transform:scale(1.05) rotate(2deg) translateY(-2px);-ms-transform:scale(1.05) rotate(2deg) translateY(-2px);transform:scale(1.05) rotate(2deg) translateY(-2px)}}.header-nav{display:flex;-webkit-gap:1.5rem;gap:1.5rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 0;transition:color .2s ease;position:relative;border:2px solid transparent;box-sizing:border-box;border-radius:4px}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary);border-radius:1px}.header-center{flex:1;max-width:600px;margin:0 2rem;position:relative}.search-container{position:relative;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:#ffffff1a;border:2px solid transparent;border-radius:8px;color:#fff;font-size:.9rem;transition:all .2s ease;box-sizing:border-box}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;background:#ffffff26;box-shadow:0 0 0 2px #ff6b9d4d;border-color:var(--primary);animation:borderPulse .6s ease-out}.search-input:hover{background:#ffffff1f}.header-center{display:flex;align-items:center;justify-content:center;position:relative}.mobile-search-btn{width:40px;height:40px}.search-container.expanded{width:100%;position:absolute;left:0;right:0;z-index:1000}.search-suggest{position:absolute;top:calc(100% + 10px);left:0;width:100%;z-index:1200;background:#000000eb;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 18px 48px #0000008c;overflow:hidden;transform-origin:top center;will-change:transform,opacity}@keyframes searchSuggestIn{0%{opacity:0;transform:translateY(-8px) scale(.86);filter:blur(2px)}60%{opacity:1;transform:translateY(0) scale(1.02);filter:blur(0px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes searchSuggestOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.9)}}.search-suggest.search-suggest--open{animation:searchSuggestIn .22s cubic-bezier(.2,.9,.1,1) both}.search-suggest.search-suggest--closing{animation:searchSuggestOut .18s cubic-bezier(.4,0,.2,1) both}@media (prefers-reduced-motion: reduce){.search-suggest.search-suggest--open,.search-suggest.search-suggest--closing{animation:none}}.search-suggest:before{content:none}.search-suggest-content{position:relative;z-index:1;padding:10px 10px 6px;max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.search-suggest-content::-webkit-scrollbar{width:10px}.search-suggest-content::-webkit-scrollbar-track{background:transparent}.search-suggest-content::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:9999px;border:3px solid transparent;background-clip:content-box}.search-suggest-state{padding:10px 12px;color:var(--text-secondary);font-size:.9rem}.search-suggest-section{padding:4px 0 8px}.search-suggest-title{padding:8px 12px 6px;color:#ffffffb8;font-weight:600;font-size:.85rem}.search-suggest-list{display:flex;flex-direction:column}.search-suggest-item{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:#fff;border-radius:10px;transition:background .15s ease}.search-suggest-item:hover{background:#ffffff14}.search-suggest-thumb{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center}.search-suggest-thumb--artwork{border-radius:10px;overflow:hidden;background:#ffffff14}.search-suggest-artwork{width:100%;height:100%;object-fit:cover;display:block}.search-suggest-artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffffd9}.search-suggest-text{min-width:0;flex:1}.search-suggest-primary{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggest-secondary{margin-top:2px;color:var(--text-secondary);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggest-all{position:relative;z-index:1;width:100%;border:none;border-top:1px solid rgba(255,255,255,.1);background:#000000eb;color:#ffffffd9;padding:12px 14px;cursor:pointer;font-weight:600}.search-suggest-all:hover{background:#ffffff0f}.search-suggest-item--tidal{cursor:pointer}.search-suggest-tidal-badge{flex-shrink:0;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:2px 6px;border-radius:4px;background:#00c9a71f;color:#00c9a7;border:1px solid rgba(0,201,167,.25);margin-left:auto}.close-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.close-search i{font-size:1.1rem}@media (max-width: 768px){.search-container.expanded .search-input{padding-right:2.5rem}}.header-right{display:flex;align-items:center;-webkit-gap:1rem;gap:1rem}.header-btn{display:flex;align-items:center;-webkit-gap:.5rem;gap:.5rem;padding:.5rem 1rem;border:2px solid transparent;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer;box-sizing:border-box}.upload-btn{background:var(--primary);color:#fff}.upload-btn:hover{background:var(--primary-dark);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.login-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:500}.login-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.register-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;border:none;font-weight:500}.register-btn:hover{background:linear-gradient(135deg,#c44569,#ff6b9d);color:#fff;box-shadow:0 4px 12px #ff6b9d66}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;box-sizing:border-box}.header-icon-btn:hover{background:#ffffff1a;color:#fff}.header-icon-btn i{font-size:1.1rem}.profile-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-sizing:border-box}.profile-avatar:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);border-color:var(--primary);box-shadow:0 0 0 2px #ff6b9d33}.profile-avatar:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98);transition:all .1s ease}.profile-avatar:focus{outline:none;border-color:var(--primary);animation:borderPulse .6s ease-out}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-dropdown{position:relative;z-index:1000}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;margin-top:0;background:#1a1a1afa;border:1px solid #333;border-radius:8px;box-shadow:0 8px 32px #00000080;min-width:200px;z-index:9999;-webkit-animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1);animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;-webkit-transform-origin:top right;transform-origin:top right;pointer-events:auto;visibility:visible;opacity:1}.home-header .profile-dropdown .dropdown-menu{z-index:10000!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.dropdown-item{display:flex;align-items:center;-webkit-gap:.75rem;gap:.75rem;padding:.75rem 1rem;color:#fff;text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem;border-radius:0;white-space:nowrap}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item i{font-size:1rem;color:#a1a1aa;-webkit-transition:color .2s ease;transition:color .2s ease;min-width:16px}.dropdown-item:hover i{color:#60a5fa}.logout-btn{border-top:1px solid #333;color:#ef4444}.logout-btn:hover{background:#ef44441a;color:#fca5a5}.logout-btn:hover i{color:#fca5a5}@keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-10px) scale(.95);-ms-transform:translateY(-10px) scale(.95);transform:translateY(-10px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@media (max-width: 1200px){.header-container{padding:0 1rem}.header-center{margin:0 1rem}}@media (max-width: 1024px){.header-nav{gap:1rem}.nav-link{font-size:.9rem}}@media (max-width: 768px){.header-container{padding:0 .75rem;height:60px}.header-left{-webkit-gap:.75rem;gap:.75rem}.header-logo{-webkit-gap:.5rem;gap:.5rem}.logo-image{height:44px}.logo-text{font-size:.9rem}.header-nav{display:none}.header-center{margin:0 .5rem;flex:1}.search-input{padding:.6rem .75rem .6rem 2.5rem;font-size:.85rem;min-width:200px}.search-input::placeholder{font-size:.8rem}.header-btn span{display:none}.header-btn{padding:.5rem;min-width:36px;justify-content:center}.header-right{-webkit-gap:.5rem;gap:.5rem}.dropdown-menu{right:-1rem;min-width:160px;z-index:9999}.profile-dropdown{z-index:1000}.search-input:focus{min-width:250px;transition:min-width .3s ease}}@media (max-width: 480px){.header-container{height:56px;padding:0 .5rem}.header-left{-webkit-gap:.5rem;gap:.5rem}.logo-text{font-size:.8rem}.logo-image{height:40px}.header-center{margin:0 .25rem;flex:1}.search-input{padding:.5rem .5rem .5rem 2.25rem;font-size:.8rem;min-width:150px}.search-input::placeholder{font-size:.75rem}.search-icon{left:.75rem;font-size:.9rem}.header-btn{padding:.4rem;min-width:32px}.header-right{gap:.25rem}.search-input:focus{min-width:200px}}@media (max-width: 360px){.header-container{height:52px;padding:0 .25rem}.header-left{gap:.25rem}.logo-text{font-size:.75rem}.logo-image{height:36px}.search-input{padding:.4rem .4rem .4rem 2rem;font-size:.75rem;min-width:120px}.search-input::placeholder{font-size:.7rem}.search-icon{left:.5rem;font-size:.8rem}.header-btn{padding:.3rem;min-width:28px}.search-input:focus{min-width:160px}}.nav-link:focus{outline:none;border-color:var(--primary);animation:borderPulse .6s ease-out}.header-btn:focus{outline:none;border-color:var(--primary);animation:borderPulse .6s ease-out}.header-icon-btn:focus{outline:none;border-color:var(--primary);animation:borderPulse .6s ease-out}.search-input:focus{outline:none;border:2px solid var(--primary);animation:borderPulse .6s ease-out}@keyframes borderPulse{0%{border-color:transparent;box-shadow:0 0 #ff6b9db3}50%{border-color:var(--primary);box-shadow:0 0 0 4px #ff6b9d4d}to{border-color:transparent;box-shadow:0 0 #ff6b9d00}}.header-btn,.header-icon-btn,.nav-link,.logo-link,.profile-avatar{transition:all .2s cubic-bezier(.4,0,.2,1)}.home-header .header-right .upgrade-btn i,.home-header .header-right .upgrade-btn .bi-star-fill{transition:none!important;transform:none!important;scale:1!important;animation:none!important}.home-header .header-right .upgrade-btn{background:linear-gradient(135deg,#ff6b9d,#c44569)!important;color:#fff!important;font-size:.9rem!important;line-height:1.2!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;transform:none!important;scale:1!important;width:auto!important;padding:.5rem 1rem!important;border-radius:6px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-gap:.5rem!important;gap:.5rem!important;text-decoration:none!important;border:none!important;cursor:pointer!important;transition:none!important;-webkit-transition:none!important;max-width:none!important;min-width:auto!important;height:auto!important;margin:0!important}.home-header .header-right .upgrade-btn:hover{transform:none!important;-webkit-transform:none!important;-ms-transform:none!important;box-shadow:none!important;scale:1!important;width:auto!important;padding:.5rem 1rem!important}.home-header .header-right .upgrade-btn:active{transform:none!important;-webkit-transform:none!important;-ms-transform:none!important;font-size:.9rem!important;scale:1!important;width:auto!important;padding:.5rem 1rem!important}.home-header .header-right .upgrade-btn:focus{font-size:.9rem!important;scale:1!important;transform:none!important;width:auto!important;padding:.5rem 1rem!important}.home-header .header-right .upgrade-btn:focus-visible{font-size:.9rem!important;scale:1!important;transform:none!important;width:auto!important;padding:.5rem 1rem!important}.home-header .header-right .upgrade-btn:active span{font-size:.9rem!important;transform:none!important;scale:1!important}.home-header .header-right .upgrade-btn:focus span{font-size:.9rem!important;transform:none!important;scale:1!important}.home-header .header-right .upgrade-btn:focus-visible span{font-size:.9rem!important;transform:none!important;scale:1!important}.home-header .header-right .upgrade-btn *{font-size:.9rem!important;transform:none!important;scale:1!important}.home-header .header-right .upgrade-btn i{font-size:1rem!important;line-height:1!important;display:inline-block!important;vertical-align:middle!important;margin:0!important;padding:0!important;transform:none!important;scale:1!important;transition:none!important;width:1rem!important;height:1rem!important;flex-shrink:0!important}.home-header .header-right .upgrade-btn span{font-size:.9rem!important;line-height:1.2!important;transform:none!important;scale:1!important;display:inline-block!important;vertical-align:middle!important;margin:0!important;padding:0!important}.home-header .header-right .upgrade-btn:active *{transform:none!important;scale:1!important;font-size:.9rem!important}.home-header .header-right .upgrade-btn:active i{font-size:1rem!important;width:1rem!important;height:1rem!important;transform:none!important;scale:1!important;transition:none!important;flex-shrink:0!important}.home-header .header-right .upgrade-btn:focus *{transform:none!important;scale:1!important;font-size:.9rem!important}.home-header .header-right .upgrade-btn:hover i,.home-header .header-right .upgrade-btn:active i{font-size:1rem!important;width:1rem!important;height:1rem!important;transform:none!important;scale:1!important;transition:none!important;flex-shrink:0!important}.home-header .header-right .upgrade-btn:focus i{font-size:1rem!important;width:1rem!important;height:1rem!important;transform:none!important;scale:1!important;transition:none!important;flex-shrink:0!important}.home-header .header-right .upgrade-btn .bi-star-fill,.home-header .header-right .upgrade-btn:hover .bi-star-fill,.home-header .header-right .upgrade-btn:active .bi-star-fill{transform:none!important;scale:1!important;transition:none!important;animation:none!important}.home-header .header-right .upgrade-btn:focus .bi-star-fill{transform:none!important;scale:1!important;transition:none!important;animation:none!important}.notification-item{transition:all .2s ease}.notification-item.unread{opacity:1;background:#ffffff14}.notification-item.unread:hover{background:#ffffff1f}.notification-item.read{background:#0000004d}.notification-item.read:hover{background:#0006}.notification-item.read .notification-avatar,.notification-item.read .notification-main-content,.notification-item.read .notification-time{opacity:.45}.notification-item.read .notification-avatar--system,.notification-item.read .notification-main-content--system{opacity:1}.notification-item.read .notification-main-content--system .notification-system-body{opacity:.45}.notification-item.read .notification-system-badge{opacity:1}.text-unread{color:#fff}.text-unread.text-secondary{color:#ddd}.text-unread.text-muted{color:#bbb}.text-read,.notification-item.read .notification-text .text-read{color:#888}.text-read.text-secondary{color:#666}.text-read.text-muted{color:#555}.home-header select{background:linear-gradient(180deg,#1f1f1f,#161616)!important;border:1px solid #2a2a2a!important;border-radius:10px!important;color:#fff!important;box-shadow:0 2px 10px #00000040!important;outline:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;font-size:14px!important;font-weight:500!important;min-width:180px!important;padding:10px 14px!important}.home-header select option{background:#1f1f1f!important;color:#fff!important;padding:8px 12px!important}.home-header select:focus{border-color:#ff6b9d!important;box-shadow:0 0 0 2px #ff6b9d4d!important}@media (max-width: 768px){.home-header select{min-width:150px!important;font-size:13px!important;padding:8px 12px!important}}@media (max-width: 480px){.home-header select{min-width:120px!important;font-size:12px!important;padding:6px 10px!important}}.verified-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;border-radius:50%;color:#fff;font-weight:700;border:2px solid white;box-shadow:0 2px 6px #0000004d;flex-shrink:0;transition:transform .2s ease}.verified-badge:hover{transform:scale(1.1)}.verified-badge.size-sm{width:16px;height:16px;font-size:10px}.verified-badge.size-md{width:20px;height:20px;font-size:12px}.verified-badge.size-lg{width:24px;height:24px;font-size:14px}.verified-badge.admin{background:linear-gradient(135deg,#ff3b30,#c40000)}.verified-badge.artist{background:linear-gradient(135deg,#1d9bf0,#005999)}.fullscreen-player-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;will-change:transform,border-radius,opacity;transform:translateZ(0);transform-origin:top center}.fullscreen-player-overlay *{box-sizing:border-box}body.fullscreen-active,html.fullscreen-active{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}body.fullscreen-active *:not(.lyrics-container),html.fullscreen-active *:not(.lyrics-container){scrollbar-width:none!important;-ms-overflow-style:none!important}body.fullscreen-active *:not(.lyrics-container)::-webkit-scrollbar,html.fullscreen-active *:not(.lyrics-container)::-webkit-scrollbar{display:none!important}body.fullscreen-active .lyrics-container,html.fullscreen-active .lyrics-container{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.fullscreen-player-overlay .lyrics-container{max-width:100%;max-height:100%;contain:paint layout;overflow:visible;mix-blend-mode:plus-lighter;--vocal-lyric-speed: 1;--vocal-intensity: 0;--vocal-transition-duration: .3s;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 8%,rgba(0,0,0,.9) 16%,rgba(0,0,0,1) 24%,rgba(0,0,0,1) 84%,rgba(0,0,0,.85) 92%,rgba(0,0,0,.4) 98%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#0000,#00000073,#000000e6 16%,#000 24% 84%,#000000d9 92%,#0006 98%,#0000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.fullscreen-player-overlay .lyrics-container.expanded-lyrics{height:calc(100% + 18vh)!important;max-height:none!important;transition:height .4s ease-out}.fullscreen-player-overlay .lyrics-container.expanded-lyrics{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 3%,rgba(0,0,0,.8) 8%,rgba(0,0,0,1) 14%,rgba(0,0,0,1) 88%,rgba(0,0,0,.8) 94%,rgba(0,0,0,.3) 98%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#0000,#0000004d 3%,#000c 8%,#000 14% 88%,#000c 94%,#0000004d 98%,#0000)}.fullscreen-player-overlay .lyrics-container.vocal-present [class*=lyricMainLine] [class*=lyricWord]{transition-duration:var(--vocal-transition-duration)!important}.fullscreen-player-overlay .lyrics-container.vocal-absent [class*=lyricMainLine] [class*=lyricWord]{transition-duration:calc(var(--vocal-transition-duration) * 2)!important;filter:brightness(calc(.85 + var(--vocal-intensity) * .15))}.fullscreen-player-overlay .lyrics-container [class*=lyricMainLine]{transition:filter .5s ease-out;text-wrap:pretty!important;text-wrap:balance!important;word-break:keep-all!important;overflow-wrap:break-word!important;-webkit-hyphens:none!important;hyphens:none!important;min-inline-size:0}.fullscreen-player-overlay .lyrics-container [class*=lyricSubLine]{text-wrap:pretty!important;text-wrap:balance!important;word-break:keep-all!important;overflow-wrap:break-word!important;-webkit-hyphens:none!important;hyphens:none!important;min-inline-size:0}.fullscreen-player-overlay .lyrics-container [class*=lyricLine],.fullscreen-player-overlay .lyrics-container [class*=lyricWord]{word-break:keep-all!important;white-space:pre-wrap}.fullscreen-player-overlay.closing{animation:fadeOut .2s ease-in forwards}.fullscreen-background{position:absolute;inset:0;z-index:-1}.fullscreen-background>div,.fullscreen-background canvas{position:absolute;top:0;left:0;width:100%;height:100%}.fullscreen-player-overlay .drop-flash-overlay{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;--drop-flash: 0;--drop-brightness: 1;--drop-blur: 0px;--drop-opacity-scale: .9;--drop-rot: 0deg;--drop-op: 0;--gdx: 0px;--gdy: 0px;--gskew: 0deg;--ghue: 0deg;background:radial-gradient(80% 80% at 50% 45%,#ffffff59,#ffffff26 35%,#ffffff0f 60%,#fff0);opacity:var(--drop-op);filter:brightness(var(--drop-brightness));transform:rotate(var(--drop-rot));transition:opacity 80ms linear,filter 80ms linear,transform .15s linear;will-change:auto}.fullscreen-player-overlay .drop-flash-overlay[data-variant=glitch]{background:conic-gradient(from 180deg at 50% 50%,#ffffff2e,#fff0 35%),radial-gradient(62% 62% at 50% 50%,#ffffff14,#fff0 70%),repeating-linear-gradient(0deg,#ffffff14 0px 1px,#fff0 2px 3px),var(--bg-custom, transparent);transform:translate(var(--gdx),var(--gdy)) rotate(var(--drop-rot)) skew(var(--gskew));filter:hue-rotate(var(--ghue)) brightness(var(--drop-brightness));background-position:var(--gx) var(--gy),center,var(--gx) var(--gy),center;background-size:cover,cover,auto,cover}.fullscreen-player-overlay .drop-flash-overlay[data-variant=corners]{background:radial-gradient(40% 40% at 0% 0%,#ffffff47,#ffffff24 35%,#ffffff0f 60%,#fff0),radial-gradient(40% 40% at 100% 0%,#ffffff47,#ffffff24 35%,#ffffff0f 60%,#fff0),radial-gradient(40% 40% at 0% 100%,#ffffff47,#ffffff24 35%,#ffffff0f 60%,#fff0),radial-gradient(40% 40% at 100% 100%,#ffffff47,#ffffff24 35%,#ffffff0f 60%,#fff0)}.fullscreen-player-overlay .drop-flash-overlay[data-variant=edges]{background:radial-gradient(60% 40% at 50% 0%,#ffffff3d,#ffffff1f 40%,#fff0),radial-gradient(60% 40% at 50% 100%,#ffffff3d,#ffffff1f 40%,#fff0),radial-gradient(40% 60% at 0% 50%,#ffffff2e,#ffffff1a 35%,#fff0),radial-gradient(40% 60% at 100% 50%,#ffffff2e,#ffffff1a 35%,#fff0)}.fullscreen-player-overlay .drop-flash-overlay[data-variant=mesh]{background:radial-gradient(38% 38% at 0% 0%,#ffffff2e,#ffffff1a 35%,#ffffff0d 60%,#fff0),radial-gradient(38% 38% at 100% 0%,#ffffff2e,#ffffff1a 35%,#ffffff0d 60%,#fff0),radial-gradient(38% 38% at 0% 100%,#ffffff2e,#ffffff1a 35%,#ffffff0d 60%,#fff0),radial-gradient(38% 38% at 100% 100%,#ffffff2e,#ffffff1a 35%,#ffffff0d 60%,#fff0),radial-gradient(58% 40% at 50% 0%,#ffffff24,#ffffff14 40%,#fff0),radial-gradient(58% 40% at 50% 100%,#ffffff24,#ffffff14 40%,#fff0),radial-gradient(40% 58% at 0% 50%,#ffffff1a,#ffffff0f 35%,#fff0),radial-gradient(40% 58% at 100% 50%,#ffffff1a,#ffffff0f 35%,#fff0),radial-gradient(70% 70% at 50% 50%,#ffffff0a,#fff0)}.fullscreen-close-btn{position:absolute;top:12px;left:50%;transform:translate(-50%);width:64px;height:32px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .2s ease}.fullscreen-close-btn:active{transform:translate(-50%) scale(.95)}.close-handle{width:36px;height:5px;border-radius:100px;background:#ffffff4d;transition:background .3s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.32,.72,0,1),height .3s cubic-bezier(.32,.72,0,1),box-shadow .3s ease,transform .3s cubic-bezier(.4,0,.2,1);will-change:background,width,height,box-shadow,transform}.fullscreen-close-btn:hover .close-handle{background:#ffffffb3;width:44px;box-shadow:0 0 12px #ffffff4d,0 0 24px #ffffff26;transform:scaleY(1.1)}.fullscreen-close-btn:active .close-handle{background:#fffc;height:6px;box-shadow:0 0 16px #fff6,0 0 32px #fff3;transform:scaleY(1);transition:all .1s ease}.fullscreen-content{display:flex;width:100%;height:100%;padding:120px 80px 80px;gap:0;align-items:center;justify-content:center;max-width:1280px;margin:0 auto;will-change:auto;transform:translateZ(0);transition:all .5s cubic-bezier(.4,0,.2,1)}.fullscreen-content.mobile-lyrics-mode{align-items:stretch;padding-top:0}.mobile-lyrics-mode .fullscreen-left-section{gap:24px}.mobile-lyrics-mode .album-art-container{width:220px;height:220px;border-radius:16px}.mobile-lyrics-mode .music-controls{max-width:100%}.fullscreen-content.mobile-lyrics-mode .fullscreen-right-section{order:1;width:100%;align-items:center;justify-content:flex-end;padding:0 12px 24px;flex:1 1 auto;min-height:0;margin-top:auto}.fullscreen-content.mobile-lyrics-mode .fullscreen-left-section{order:2}.fullscreen-content.mobile-lyrics-mode .fullscreen-right-section{width:100%;align-items:center;justify-content:center;padding:0 12px;flex:1 1 auto;min-height:0}.fullscreen-content.mobile-lyrics-mode .lyrics-container{height:100%;max-height:none}.fullscreen-content:not(.no-lyrics-mode){gap:80px;justify-content:flex-start}.fullscreen-left-section{flex:0 0 100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;transition:all .5s cubic-bezier(.4,0,.2,1),opacity .4s ease-out,visibility .4s ease-out;will-change:auto}.fullscreen-left-section.controls-hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(20px)}.fullscreen-content:not(.no-lyrics-mode) .fullscreen-left-section{flex:0 0 25%;max-width:none;margin:0;transform:scale(1)}.fullscreen-content.no-lyrics-mode .album-art-container{transform:scale(1.1);box-shadow:0 30px 60px #0006}.fullscreen-content.no-lyrics-mode .music-controls{transform:scale(1.05);margin-top:2rem}.fullscreen-content:not(.no-lyrics-mode) .album-art-container{transform:scale(1);box-shadow:0 20px 40px #0000004d}.fullscreen-content:not(.no-lyrics-mode) .music-controls{transform:scale(1);margin-top:0}.fullscreen-player-overlay .album-art-container{position:relative;width:500px;height:500px;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000004d;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:auto;transform:translateZ(0)}.fullscreen-player-overlay .album-art-container:hover{transform:scale(1.01)}.fullscreen-album-art{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.fullscreen-player-overlay .music-controls{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:440px;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:auto}.fullscreen-player-overlay .control-buttons{display:flex;align-items:center;justify-content:center;gap:40px}.fullscreen-player-overlay .control-btn{background:transparent;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;will-change:auto;transform:translateZ(0)}.fullscreen-player-overlay .control-btn:hover{background:transparent;transform:scale(1.05)}.fullscreen-player-overlay .control-btn.play-btn{background:transparent;border:none;padding:16px}.fullscreen-player-overlay .control-btn.play-btn:hover{background:transparent}.fullscreen-player-overlay .progress-section{display:flex;align-items:center;gap:20px;width:100%;max-width:440px;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:10}.fullscreen-player-overlay .progress-section .time-display:first-child{padding-left:6px}.fullscreen-player-overlay .time-display{color:#ffffffb3!important;font-size:.8rem;font-weight:800;min-width:45px;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.fullscreen-player-overlay .progress-bar{flex:1;height:6px;background:#fff3!important;border-radius:2px;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s ease;min-width:200px;box-sizing:border-box;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.fullscreen-player-overlay .progress-bar:hover{background:#ffffff4d!important}.fullscreen-player-overlay .progress-fill{height:100%;border-radius:2px;transition:width .1s ease;position:relative;width:0%;background:linear-gradient(90deg,#fff,#fffc)!important;will-change:width;transform:translateZ(0);opacity:1!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.fullscreen-player-overlay .toggle-lyrics-btn{position:fixed;bottom:40px;right:40px;background:transparent;border:none;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease;z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;will-change:auto;transform:translateZ(0)}.fullscreen-player-overlay .toggle-lyrics-btn:hover{background:transparent;transform:scale(1.05)}.fullscreen-player-overlay .toggle-lyrics-btn:active{transform:scale(.95)}.fullscreen-player-overlay .toggle-lyrics-btn .lyrics-icon{width:24px;height:24px}.toggle-transliteration-btn{position:fixed;top:20px;right:20px;background:transparent;border:none;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease,opacity .2s ease;z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;will-change:auto;transform:translateZ(0)}.toggle-transliteration-btn:hover{background:transparent;transform:scale(1.05)}.toggle-transliteration-btn:active{transform:scale(.95)}.toggle-transliteration-btn .transliteration-icon{width:24px;height:24px}@media (max-width: 1200px){.toggle-transliteration-btn{top:18px;right:18px;width:44px;height:44px}.toggle-transliteration-btn .transliteration-icon{width:22px;height:22px}}@media (max-width: 992px){.toggle-transliteration-btn{top:15px;right:15px;width:40px;height:40px}.toggle-transliteration-btn .transliteration-icon{width:20px;height:20px}}.fullscreen-player-overlay .lyrics-container [class*=lyricSubLine]{transition:opacity .3s ease,transform .3s ease}.fullscreen-player-overlay .sliding-modal-collapse{position:absolute;top:12px;left:50%;transform:translate(-50%);width:44px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1.4px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;z-index:12}.fullscreen-player-overlay .sliding-modal-collapse svg{display:block}.fp-topbar{position:absolute;top:44px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;z-index:11;transition:opacity .4s ease-out,visibility .4s ease-out,transform .4s ease-out}.fp-topbar.controls-hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-20px)}.fp-trackinfo{display:flex;align-items:center;gap:12px}.fp-thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.fp-thumb:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:3px;background:#fff6;border-radius:2px;opacity:0;transition:opacity .3s ease}@media (max-width: 768px){.fp-thumb:after{opacity:1}}.fp-thumb:hover{transform:scale(1.05)}.fp-thumb:active{cursor:grabbing;transform:scale(.95);box-shadow:0 4px 16px #0000004d}.fp-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.fp-meta{display:flex;flex-direction:column;min-width:0}@media (max-width: 768px){.fp-thumb{width:64px;height:64px;border-radius:10px}.fp-trackinfo{gap:14px}.fp-meta{max-width:70vw}.fp-title{font-size:20px;font-weight:800;letter-spacing:.3px;line-height:2.8;text-shadow:0 0 1px rgba(0,0,0,.25)}}.fp-title{font-size:18px;font-weight:700;color:#fff;line-height:2.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,Inter,Noto Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"locl" 1}.fp-title.marquee{position:relative;text-overflow:clip;overflow:hidden}.fp-title.marquee .marquee-track{display:inline-flex;gap:48px;width:max-content;animation:fpTitleScroll 10s linear infinite}.fp-title.marquee .marquee-text{display:inline-block}@keyframes fpTitleScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.fp-artist{font-size:12px;opacity:.9;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Montserrat,Inter,Noto Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"locl" 1}.mobile-track-title{margin-top:8px;font-size:20px;font-weight:700;color:#fff;align-self:flex-start;text-align:left;width:100%;max-width:440px;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-track-uploader{margin-top:-30px;font-size:20px;font-weight:600;color:#ffffffd9;align-self:flex-start;text-align:left;width:100%;max-width:440px;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fullscreen-right-section{flex:0 0 55%;flex-direction:column;align-items:flex-start;padding:0 40px;position:relative;background:none;border:none;box-shadow:none;opacity:1;transform:translate(0) scale(1);transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .35s cubic-bezier(.32,.72,0,1);will-change:opacity,transform;visibility:visible;pointer-events:auto}.fullscreen-content.mobile-lyrics-mode .fullscreen-right-section{padding-top:72px}.fullscreen-right-section.exiting{opacity:0;transform:translate(100px);pointer-events:none;visibility:hidden}.fullscreen-right-section.entering{opacity:0;transform:translate(50px)}.fullscreen-right-section.entering.show{opacity:1;transform:translate(0)}.fullscreen-right-section.fade-in{opacity:0;transform:scale(.97);transition:none}.fullscreen-right-section.fade-in-active{opacity:1;transform:scale(1);transition:opacity .28s ease-out,transform .28s cubic-bezier(.32,.72,0,1)}.fullscreen-right-section.fade-out{opacity:0;transform:scale(.97);transition:opacity .22s ease-out,transform .22s ease-out;pointer-events:none}.fullscreen-right-section.crossfade-out{opacity:0;transform:scale(.97);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none}.fullscreen-player-overlay .lyrics-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;position:relative;will-change:auto;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scroll-padding:28px 0}.lyrics-content{display:flex;flex-direction:column;align-items:center;padding:20px 0;max-height:70vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.lyrics-content::-webkit-scrollbar{display:none}.fullscreen-player-overlay .lyrics-container .lyric-player{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;will-change:scroll-position;transform:translateZ(0);scroll-snap-type:y proximity;scroll-padding:20px;scroll-margin:20px}.fullscreen-player-overlay .lyrics-container .lyric-player::-webkit-scrollbar{display:none;width:0;background:transparent}.fullscreen-player-overlay .lyrics-container .lyric-player{-ms-overflow-style:none;scrollbar-width:none}.fullscreen-player-overlay .lyrics-container .lyric-line{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:auto;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-snap-align:center}.fullscreen-player-overlay .lyrics-container .lyric-player-wrapper{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;will-change:scroll-position;transform:translateZ(0);scroll-snap-type:y proximity;contain:layout style paint;backface-visibility:hidden;scroll-padding:20px;scroll-margin:20px}.fullscreen-player-overlay .lyrics-container .lyric-player-wrapper::-webkit-scrollbar{display:none;width:0;background:transparent}.fullscreen-player-overlay .lyrics-container .lyric-player-wrapper{-ms-overflow-style:none;scrollbar-width:none}.fullscreen-player-overlay .lyrics-container{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fullscreen-player-overlay .lyrics-container .lyric-player,.fullscreen-player-overlay .lyrics-container .lyric-player-wrapper{scroll-behavior:smooth;scroll-padding:30px;scroll-margin:30px;overscroll-behavior:contain;touch-action:pan-y}.fullscreen-player-overlay .lyrics-container .lyric-line{transition:all .2s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-snap-align:center;scroll-margin:15px}.fullscreen-player-overlay .lyrics-container{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding:20px;touch-action:pan-y;will-change:scroll-position;transform:translateZ(0)}.fullscreen-player-overlay .lyrics-container .lyric-player{scroll-behavior:smooth;scroll-padding:30px;scroll-margin:30px;overscroll-behavior:contain;touch-action:pan-y;will-change:scroll-position;transform:translateZ(0);scroll-snap-type:y proximity}.volume-btn,.volume-spacer{background:none;border:none;color:#fff;padding:8px;border-radius:50%;transition:background-color .2s ease,transform .2s ease;flex-shrink:0;min-width:45px;display:flex;justify-content:center;will-change:auto;transform:translateZ(0)}.volume-btn{cursor:pointer}.volume-spacer{pointer-events:none}.volume-section .volume-btn:hover{background:transparent!important;transform:none!important;border:none!important;box-shadow:none!important}.volume-btn:focus,.volume-btn:focus-visible,.volume-section .volume-icon:focus,.volume-section .volume-icon:focus-visible{outline:none!important;box-shadow:none!important}.volume-btn.flat:hover,.volume-btn.flat:active,.volume-section .volume-icon.left:hover,.volume-section .volume-icon.left:active{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important}.volume-section .volume-icon.left,.volume-section .volume-icon.left:hover,.volume-section .volume-icon.left:active,.volume-section .volume-icon.left:focus,.volume-section .volume-icon.left:focus-visible,.volume-btn.flat,.volume-btn.flat:hover,.volume-btn.flat:active,.volume-btn.flat:focus,.volume-btn.flat:focus-visible{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;background-image:none!important;outline:none!important;outline-offset:0!important;-webkit-tap-highlight-color:transparent!important}.volume-btn.flat:before,.volume-btn.flat:after,.volume-section .volume-icon.left:before,.volume-section .volume-icon.left:after{content:none!important;display:none!important}.volume-btn.muted,.volume-section .volume-icon.left.muted,.volume-section .volume-icon.right.muted,.volume-max-btn.muted,.volume-section.mobile .volume-icon.right.muted{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}.volume-btn.muted:hover,.volume-btn.muted:active,.volume-section .volume-icon.left.muted:hover,.volume-section .volume-icon.left.muted:active,.volume-section .volume-icon.right.muted:hover,.volume-section .volume-icon.right.muted:active,.volume-max-btn.muted:hover,.volume-max-btn.muted:active,.volume-section.mobile .volume-icon.right.muted:hover,.volume-section.mobile .volume-icon.right.muted:active{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.volume-bar{flex:1;height:6px;background:#fff3;border-radius:2px;cursor:pointer;position:relative;overflow:visible;transition:background-color .2s ease}.volume-fill{height:100%;border-radius:2px;transition:width .1s ease;position:relative}.fullscreen-player-overlay .control-btn.active{color:#64b5f6;background:transparent;border-color:transparent}.fullscreen-player-overlay .control-btn.active:hover{background:transparent;border-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 1400px){.fullscreen-content{padding:100px 60px 60px;gap:60px}.fullscreen-content.no-lyrics-mode{padding:100px 60px 60px}.fullscreen-player-overlay .album-art-container{width:450px;height:450px}}@media (max-width: 1200px){.fullscreen-content{padding:80px 40px 40px;gap:40px}.fullscreen-content.no-lyrics-mode{padding:80px 40px 40px}.fullscreen-player-overlay .album-art-container{width:400px;height:400px}}@media (max-width: 768px){.fullscreen-content{flex-direction:column;gap:40px;padding:100px 20px 40px;align-items:center;transition:none}.fullscreen-content.no-lyrics-mode{flex-direction:column;gap:40px;padding:100px 20px 40px;align-items:center}.fullscreen-left-section{flex:none;width:100%;transition:none}.fullscreen-content.no-lyrics-mode .fullscreen-left-section{flex:none;width:100%;max-width:100%}.fullscreen-right-section{flex:none;width:100%}.fullscreen-player-overlay .album-art-container{width:320px;height:320px}.fullscreen-player-overlay .music-controls{gap:25px;margin-top:2px!important}.fullscreen-player-overlay .control-buttons{gap:30px}.fullscreen-player-overlay .progress-section{gap:15px}.volume-section{max-width:250px}.fullscreen-close-btn{top:10px}.fullscreen-player-overlay .toggle-lyrics-btn{width:40px;height:40px;top:20px;left:20px}.fullscreen-player-overlay .toggle-lyrics-btn{inset:auto 20px 20px auto}.fullscreen-content.mobile-lyrics-mode{padding:60px 16px 24px;gap:16px}.fullscreen-content.mobile-lyrics-mode .fullscreen-left-section{order:2;align-items:center;margin-top:8px}.fullscreen-content.mobile-lyrics-mode .album-art-container{display:none}.fullscreen-content.mobile-lyrics-mode .music-controls{order:2;margin-top:8px;padding-bottom:80px}.fullscreen-content.mobile-lyrics-mode .fullscreen-right-section{order:1;width:100%;align-items:center;justify-content:flex-end;padding:0 12px 8px;flex:1 1 auto;margin-top:auto}}@media (max-width: 480px){.fullscreen-content,.fullscreen-content.no-lyrics-mode{flex-direction:column;gap:20px;padding:20px}.fullscreen-left-section,.fullscreen-content.no-lyrics-mode .fullscreen-left-section{width:100%;max-width:100%}.fullscreen-right-section{flex:none;width:100%}.fullscreen-player-overlay .album-art-container{width:280px;height:280px}.fullscreen-player-overlay .music-controls{gap:20px;margin-top:2px!important}.fullscreen-player-overlay .control-buttons{gap:25px}.fullscreen-player-overlay .progress-section{gap:12px}.volume-section{max-width:200px}.fullscreen-close-btn{top:8px}.close-handle{width:32px;height:4px}.fullscreen-close-btn:hover .close-handle{width:40px}.fullscreen-player-overlay .toggle-lyrics-btn{width:36px;height:36px}.fullscreen-player-overlay .toggle-lyrics-btn{bottom:15px;right:15px}.fullscreen-content.mobile-lyrics-mode{padding:48px 12px 16px;gap:12px}.fullscreen-content.mobile-lyrics-mode .album-art-container{display:none}.fullscreen-content.mobile-lyrics-mode .lyrics-container{height:calc(100vh - 250px)}}@media (min-width: 1024px){.fullscreen-right-section{flex:0 0 100%;padding-right:100px;transition:all .45s cubic-bezier(.4,0,.2,1);max-width:70%}.fullscreen-left-section{flex:0 0 23%}}body.fullscreen-active .home-header,html.fullscreen-active .home-header{opacity:0;pointer-events:none;transform:translateY(-100%);transition:all .2s ease}body.fullscreen-active .global-player,html.fullscreen-active .global-player{transform:translateY(100%);transition:all .2s ease}.volume-section{display:flex;align-items:center;gap:12px;width:100%;max-width:400px}.volume-section .volume-icon{color:#fff;opacity:.9;display:flex;align-items:center;justify-content:center;width:45px}.volume-section .volume-icon.right,.volume-max-btn{border-radius:50%;padding:8px!important;transition:background .2s ease,border .2s ease}.volume-section .volume-icon.right:hover,.volume-max-btn:hover,.volume-max-btn.highlight{background:transparent!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.volume-max-btn{background:transparent;border:none;color:#fffc;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.volume-section .volume-icon.left:hover{background:transparent!important;border:none!important;box-shadow:none!important}.volume-section.mobile .volume-icon.right:hover{background:transparent!important;border:none!important}.volume-section.mobile{max-width:440px;width:100%;margin-top:6px;display:flex;align-items:center;gap:20px}.volume-section.mobile .volume-icon.right{padding:8px!important}.volume-btn,.volume-spacer{background:transparent;border:none;color:#fffc;width:45px;height:45px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.volume-btn{cursor:pointer;transition:background-color .2s ease,transform .2s ease}.volume-btn:hover{background:#ffffff1a;transform:scale(1.05)}.volume-btn:active{transform:scale(.95)}.volume-bar{flex:1;height:6px;background:#fff3;border-radius:3px;position:relative;cursor:pointer;overflow:visible;transition:background-color .2s ease;display:flex;align-items:center}.volume-bar:hover{background:#ffffff4d}.volume-fill{height:100%;border-radius:2px;transition:width .1s ease;position:relative;background:linear-gradient(90deg,#fff,#fffc)}.volume-icon{color:#fff;opacity:.9;display:flex;align-items:center;justify-content:center;width:45px}.fullscreen-player-overlay .toggle-lyrics-btn{position:fixed;bottom:24px;right:24px;left:auto;transform:none;z-index:20;pointer-events:auto}@media (max-width: 768px){.fullscreen-player-overlay .toggle-lyrics-btn{right:auto;left:50%;transform:translate(-50%)}.fullscreen-player-overlay .toggle-lyrics-btn:hover{transform:translate(-50%) scale(1.05)}.fullscreen-player-overlay .toggle-lyrics-btn:active{transform:translate(-50%) scale(.95)}}.fullscreen-player-overlay .lyrics-container [class*=lyric-line]:not(.active),.fullscreen-player-overlay .lyrics-container [class*=lyricLine]:not(.active),.fullscreen-player-overlay .lyrics-container [class*=lyric-line]:not(.active) *,.fullscreen-player-overlay .lyrics-container [class*=lyricLine]:not(.active) *{color:#ffffffbf!important}.fullscreen-player-overlay .lyrics-container [class*=lyric-line].active,.fullscreen-player-overlay .lyrics-container [class*=lyricLine].active{color:#fff}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.fullscreen-content.mobile-lyrics-mode .lyrics-container .lyric-player-wrapper,.fullscreen-content.mobile-lyrics-mode .lyrics-container .lyric-player{padding-top:72px}.fullscreen-content.mobile-lyrics-mode .lyrics-container{margin-top:50px}}.queue-container{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;padding:20px;color:#fff}.queue-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.queue-header h3{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.queue-controls{display:flex;gap:12px}.queue-control-btn{background:#ffffff1a;border:.5px solid rgba(255,255,255,.15);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;transition:all .2s ease}.queue-control-btn:hover{background:#fff3;color:#fff;transform:scale(1.05)}.queue-control-btn.active{background:#ffffff40;color:#fff;border-color:#ffffff4d}.queue-list{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position;scroll-snap-type:none;overscroll-behavior:contain;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.queue-list::-webkit-scrollbar{width:6px}.queue-list::-webkit-scrollbar-track{background:transparent}.queue-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.queue-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.queue-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);margin-bottom:8px;background:#ffffff0d;transform:translateZ(0);will-change:transform,background-color}.queue-item:hover{background:#ffffff26;transform:translate(4px) translateZ(0)}.queue-item:active{transform:translate(2px) translateZ(0) scale(.98);transition:all .1s ease}.queue-item-artwork{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#0000004d}.queue-item-artwork img{width:100%;height:100%;object-fit:cover}.queue-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.queue-item-title{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-artist{font-size:.85rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:1rem;color:#ffffff80;font-style:italic}.fp-bottom-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:16px;padding:50px 20px;z-index:20;pointer-events:none}.fp-bottom-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:#ffffff1a;border:.5px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;max-width:50px}.fp-bottom-btn svg{width:20px;height:20px;opacity:.8}.fp-bottom-btn:active{transform:scale(.95)}.fp-bottom-btn.active{background:#ffffff40;color:#fff;border-color:#ffffff4d}.fp-bottom-btn.active svg{opacity:1}.fp-bottom-btn span{white-space:nowrap}.queue-control-btn.active.repeat-all{background:#007aff4d;color:#007aff;border-color:#007aff80}.queue-control-btn.active.repeat-one{background:#af52de4d;color:#af52de;border-color:#af52de80}.queue-control-btn.active.repeat-all:hover{background:#007aff66;color:#007aff}.queue-control-btn.active.repeat-one:hover{background:#af52de66;color:#af52de}.queue-control-btn.active.shuffle{background:#ff95004d;color:#ff9500;border-color:#ff950080}.queue-control-btn.active.shuffle:hover{background:#ff950066;color:#ff9500}@media (max-width: 768px){.queue-container{padding-top:100px}.queue-header{position:sticky;top:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;margin-bottom:8px}.queue-list{-webkit-overflow-scrolling:touch;contain:layout style paint;scroll-behavior:auto}.queue-item{transition:all .1s ease}.queue-item:hover{transform:translate(2px) translateZ(0)}}.fp-bottom-controls{transition:opacity .4s ease-out,visibility .4s ease-out,transform .4s ease-out}.fp-bottom-controls.controls-hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(20px)}.global-player{position:fixed;bottom:0;left:0;right:0;--global-player-glass-bg: rgba(18, 18, 18, .42);--global-player-glass-bg-hover: rgba(18, 18, 18, .52);--global-player-glass-border: rgba(255, 255, 255, .12);--global-player-glass-border-hover: rgba(255, 255, 255, .18);background:var(--global-player-glass-bg);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border-top:1px solid var(--global-player-glass-border);padding:8px 20px;z-index:100001;animation:slideUp .3s ease;box-shadow:0 -14px 40px #00000073,0 -2px #ffffff0f inset;transition:all .3s ease;height:64px;box-sizing:border-box;isolation:isolate}.global-player:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 140% at 20% -20%,#ffffff2e,#ffffff0f,#fff0 70%),radial-gradient(140% 140% at 80% 120%,#ffffff1a,#ffffff0a 30%,#fff0 65%),linear-gradient(90deg,#ffffff0a,#ffffff05 35%,#ffffff0a);opacity:.9}.global-player:hover{background:var(--global-player-glass-bg-hover);border-top-color:var(--global-player-glass-border-hover)}.global-player-content{max-width:1240px;margin:0 auto;position:relative;z-index:1;display:flex;align-items:center;gap:16px;height:100%}.player-track-info{display:flex;align-items:center;gap:12px;flex:0 0 250px;cursor:pointer;padding:6px}.player-cover-container{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #0000004d,0 4px 10px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1)}.player-cover-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(255,255,255,.08) 100%);opacity:0;transition:opacity .3s ease}.player-cover-container:hover{transform:scale(1.05);box-shadow:0 15px 35px #00000059,0 8px 15px #0003}.player-cover-container:hover:before{opacity:1}.player-cover{width:48px;height:48px;border-radius:10px;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1)}.cover-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#00000080);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;border-radius:10px}.player-cover-container:hover .cover-overlay{opacity:1}.play-icon-overlay svg{width:18px;height:18px;fill:currentColor}.player-details{min-width:0;max-width:200px;overflow:hidden}.player-title{display:block;font-weight:600;font-size:14px;color:#fffffff2;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;text-shadow:0 1px 4px rgba(0,0,0,.4);max-width:100%}.player-title.marquee{text-overflow:none}.player-title.marquee span{display:inline-block;padding-left:100%;animation:title-marquee 20s linear infinite}@keyframes title-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.player-title:hover{color:#fff}.player-artist{display:block;font-size:12px;color:#ffffffd9;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.3)}.player-artist:hover{color:#fffffff2}.player-controls{display:flex;align-items:center;gap:16px;flex:1}.global-player .player-btn{background:transparent!important;border:none!important;font-size:20px!important;color:#ffffffe6!important;cursor:pointer!important;border-radius:50%!important;transition:all .2s ease!important}.global-player .player-btn:hover:not(:disabled){background:transparent!important;color:#fff!important;transform:scale(1.1)!important}.global-player .player-btn.active{background:transparent!important;color:#fff!important}.global-player .repeat-btn.active{background:transparent!important;border-color:transparent!important;color:#4a78ff!important}.global-player .repeat-btn.one.active{background:transparent!important;border-color:transparent!important;color:#8b5cf6!important}.global-player .shuffle-btn.active{background:transparent!important;border-color:transparent!important;color:#ff6b35!important}.global-player .repeat-btn.one{box-shadow:0 0 0 2px #8b5cf659,0 8px 20px #8b5cf659}.global-player .repeat-btn.one svg{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}.global-player .repeat-btn.one:hover{background:#ffffff1f!important;transform:scale(1.12)}.global-player .repeat-btn.one:active{transform:scale(.98)}.global-player .play-btn{font-size:24px;background:transparent!important}.global-player .play-btn:hover{background:transparent!important;transform:scale(1.15)}.player-progress{display:flex;align-items:center;gap:12px;flex:1;padding:8px 16px;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.12);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.player-progress:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);transition:left .6s ease}.player-progress:hover:before{left:100%}.player-progress:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 4px 20px #0003}.global-player .time-display{font-size:.8rem;color:#ffffffe6;font-variant-numeric:tabular-nums;min-width:35px;font-weight:700;transition:all .3s ease}.global-player .player-progress:hover .time-display{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3)}.global-player .progress-bar{flex:1;height:6px;background:#fff3;border-radius:3px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.global-player .progress-bar:hover{background:#ffffff4d;height:8px;border-radius:4px;box-shadow:0 0 12px #fff3}.global-player .progress-fill{height:100%;background:#ffffffe6;border-radius:3px;transition:width .1s linear;position:relative}.global-player .progress-fill:after{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 100%);transition:width .3s ease}.global-player .progress-bar:hover .progress-fill{background:#fff;box-shadow:0 0 8px #fff6}.global-player .progress-bar:hover .progress-fill:after{width:20px}.player-volume{position:relative;display:flex;align-items:center;justify-content:center}.player-like-btn,.next-up-btn{background:none!important;border:none!important;color:#fffffff2;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.player-like-btn:hover,.next-up-btn:hover{background:#fff3;color:#fff;transform:scale(1.15);box-shadow:0 6px 20px #0006}.player-like-btn.liked{color:#ff6b6b}.next-up-container{position:relative;display:flex;justify-content:center;align-items:center}.next-up-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:300px;background:#121212f2;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 10px #00000080;margin-bottom:8px;z-index:100002;overflow:hidden;opacity:0;animation:fadeInUpSimple .3s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity;transform-origin:center bottom}.next-up-popup.closing{animation:nextUpFadeOut .2s ease forwards;will-change:opacity}.next-up-overlay{position:fixed;inset:0;background:#0000004d;z-index:100003;opacity:0;animation:nextUpFadeIn .2s ease forwards;pointer-events:auto;cursor:pointer;will-change:opacity}.next-up-overlay.closing{animation:nextUpFadeOut .2s ease forwards;will-change:opacity}.next-up-item.played{opacity:.6;transition:all .2s ease;pointer-events:auto}.next-up-item.current{background:#ffffff14;border-left:3px solid #ff6b6b}.next-up-item.played:hover{opacity:.8;background:#ffffff14}.next-up-item.played .drag-handle{opacity:.3;cursor:not-allowed}.next-up-item.played[draggable=false]{cursor:default}.next-up-item{transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.next-up-item.dragging{opacity:.5;transform:rotate(5deg);z-index:1000}.next-up-item.drag-over{background:#ffffff26;border-left:3px solid rgba(255,255,255,.3)}.global-player .drag-handle{cursor:grab;color:#fff9;display:flex;align-items:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.global-player .drag-handle:hover{color:#ffffffe6;transform:scale(1.1)}.global-player .drag-handle:active{cursor:grabbing}.next-up-item *,.next-up-item.dragging,.next-up-item.dragging *{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes nextUpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes nextUpFadeOut{0%{opacity:1}to{opacity:0}}.next-up-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.next-up-clear{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:13px}.next-up-clear:hover{color:#fff}.next-up-list{max-height:260px;overflow-y:auto;overflow-x:hidden}.next-up-list.dragging{overflow-x:hidden}.next-up-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer}.next-up-item:hover{background:#ffffff1a}.global-player .drag-handle{cursor:grab;color:#fff9;display:flex;align-items:center}.next-up-cover,.next-up-placeholder{width:40px;height:40px;border-radius:6px;object-fit:cover;background:#333;flex-shrink:0}.next-up-text{flex:1;overflow:hidden}.next-up-title{font-size:14px;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-up-artist{font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-up-duration{font-size:12px;color:#fff9;margin-left:auto}.remove-track-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px}.remove-track-btn:hover{color:#fff;background:#ffffff1a}.next-up-empty{padding:16px;text-align:center;color:#ffffffb3}.volume-btn{background:none;border:none;color:#fffffff2;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;min-width:36px;min-height:36px}.volume-btn:hover{background:#fff3;color:#fff;transform:scale(1.15);box-shadow:0 6px 20px #0006}.volume-btn:active{transform:scale(1.05);transition:all .1s ease}.volume-btn:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d;background:#ffffff40}.volume-btn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.volume-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.volume-btn:hover:before{width:100%;height:100%}.volume-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff0d;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease;z-index:-1}.volume-btn:hover:after{width:120%;height:120%}.volume-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);background:#121212f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 12px;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006;z-index:100003;margin-bottom:8px;isolation:isolate}.volume-popup:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(18,18,18,.95)}.volume-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(255,255,255,.15);margin-top:-1px}.volume-slider{width:12px;height:100px;background:#ffffff1a;border-radius:6px;position:relative;cursor:pointer;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.volume-fill{position:absolute;bottom:0;left:0;width:100%;background:#ffffffe6;border-radius:6px;transition:height .2s ease}.volume-thumb{position:absolute;left:50%;top:0;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d;transition:all .3s ease;cursor:pointer;z-index:2}.volume-thumb:hover{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 16px #fffc;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.volume-thumb:active{transform:translate(-50%,-50%) scale(1.1);transition:all .1s ease}.player-volume:hover .volume-popup{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.player-volume{transition:all .2s ease}.player-volume:hover{transform:translateY(-2px)}.volume-slider:hover{background:#ffffff2e;border-color:#fff6;transform:scale(1.02);transition:all .2s ease}.volume-slider:active{background:#ffffff40;border-color:#ffffff80}@media (max-width: 768px){.volume-popup,.player-volume:hover .volume-popup{display:none}.volume-popup.mobile-active{display:block;opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.volume-slider{width:10px;height:80px}.volume-thumb{width:12px;height:12px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes fadeInUpSimple{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes fadeOutDown{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}}@keyframes fadeOutDownSimple{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.95)}}.queue-play-overlay{opacity:1;transition:all .2s ease;transform:translate(-50%,-50%) scale(.8);z-index:2}.next-up-item:hover .queue-play-overlay{transform:translate(-50%,-50%) scale(1)}.next-up-item.played:hover .queue-play-overlay,.next-up-item.played.current .queue-play-overlay{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;display:flex!important}.next-up-item.played:not(.current) .queue-play-overlay{opacity:.6}.queue-play-overlay:hover{background:#000c!important;border-color:#ffffff80!important;transform:translate(-50%,-50%) scale(1.1)!important}.queue-play-overlay:active{transform:translate(-50%,-50%) scale(.95)!important;transition:all .1s ease!important}@media (max-width: 768px){.global-player.mobile{height:72px;padding:8px 16px;--global-player-glass-bg: rgba(18, 18, 18, .42);--global-player-glass-bg-hover: rgba(18, 18, 18, .52);--global-player-glass-border: rgba(255, 255, 255, .12);--global-player-glass-border-hover: rgba(255, 255, 255, .18);background:var(--global-player-glass-bg);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border-top:1px solid var(--global-player-glass-border);border-radius:0;box-shadow:0 -2px 20px #00000080}.global-player.mobile .global-player-content{gap:12px;max-width:none;margin:0}.global-player.mobile .player-track-info{flex:1;min-width:0;gap:12px}.global-player.mobile .player-cover-container{border-radius:8px;box-shadow:0 4px 12px #0000004d}.global-player.mobile .player-cover{width:64px;height:64px;border-radius:8px}.global-player.mobile .player-details{min-width:0;flex:1;max-width:none;overflow:hidden}.global-player.mobile .player-title{font-size:15px;font-weight:600;color:#fffffff2;margin-bottom:2px;max-width:100%}.global-player.mobile .player-artist{display:none}.global-player.mobile .player-controls{flex:0 0 auto;gap:12px;margin-left:auto;display:flex;align-items:center}.global-player.mobile .player-btn{background:transparent!important;border:none!important;border-radius:50%!important;transition:all .2s ease!important;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.global-player.mobile .player-btn:not(.play-btn){min-width:32px;min-height:32px;padding:6px}.global-player.mobile .player-btn:hover{background:transparent!important;transform:scale(1.05)!important}.global-player.mobile .play-btn{background:transparent!important;min-width:40px;min-height:40px}.global-player.mobile .play-btn:hover{background:#ffffff4d;transform:scale(1.1)}.global-player.mobile .player-like-btn{background:none;border:none;color:#ffffffe6;padding:8px;border-radius:50%;transition:all .2s ease;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.global-player.mobile .player-like-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.global-player.mobile .player-like-btn.liked{color:#ff6b6b}.global-player.mobile .player-like-btn.liked:hover{background:#ff6b6b26}.global-player.mobile .player-progress,.global-player.mobile .player-volume,.global-player.mobile .next-up-container,.global-player.mobile .shuffle-btn,.global-player.mobile .repeat-btn,.global-player.mobile .player-like-btn{display:none}.global-player.mobile .player-btn:active,.global-player.mobile .player-like-btn:active{transform:scale(.95);transition:all .1s ease}.global-player.mobile .player-track-info:active{transform:scale(.98);transition:all .1s ease}.global-player.mobile .player-btn:active,.global-player.mobile .player-like-btn:active,.global-player.mobile .player-track-info:active{background:#ffffff1a}.global-player.mobile .cover-overlay{background:#0009;border-radius:8px}.global-player.mobile .play-icon-overlay svg{width:16px;height:16px}.global-player.mobile .player-track-info:after{content:"";position:absolute;top:50%;right:8px;transform:translateY(-50%);width:4px;height:4px;background:#ffffff4d;border-radius:50%;opacity:0;transition:opacity .3s ease}.global-player.mobile .player-track-info:hover:after{opacity:1}.global-player.mobile .player-progress-mini{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff1a;overflow:hidden}.global-player.mobile .player-progress-mini .progress-fill{height:100%;background:#fffc;transition:width .1s linear}}@media (max-width: 480px){.global-player.mobile{height:68px;padding:6px 12px}.global-player.mobile .player-cover{width:60px;height:60px}.global-player.mobile .player-title{font-size:14px}.global-player.mobile .player-btn:not(.play-btn){min-width:28px;min-height:28px;padding:4px}.global-player.mobile .play-btn{min-width:32px;min-height:32px;padding:6px}}@media (max-width: 360px){.global-player.mobile{height:64px;padding:4px 8px}.global-player.mobile .player-cover{width:56px;height:56px}.global-player.mobile .player-title{font-size:13px}.global-player.mobile .player-btn:not(.play-btn){min-width:24px;min-height:24px;padding:3px}.global-player.mobile .play-btn{min-width:28px;min-height:28px;padding:4px}}