@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-500:#00c758;--color-cyan-300:#53eafd;--color-cyan-400:#00d2ef;--color-indigo-400:#7d87ff;--color-indigo-500:#625fff;--color-fuchsia-500:#e12afb;--color-pink-500:#f6339a;--spacing:.25rem;--container-xl:36rem;--container-3xl:48rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-green-500:lab(70.5521% -66.5147 45.8073);--color-cyan-300:lab(85.3886% -36.7636 -21.5716);--color-cyan-400:lab(76.6045% -40.9406 -29.6231);--color-indigo-400:lab(59.866% 22.4834 -64.4485);--color-indigo-500:lab(48.295% 38.3129 -81.9673);--color-fuchsia-500:lab(56.4256% 83.132 -64.639);--color-pink-500:lab(56.9303% 76.8162 -8.07021)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.bottom-8{bottom:calc(var(--spacing)*8)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-12{margin-top:calc(var(--spacing)*12)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-xl{max-width:var(--container-xl)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-green-500{background-color:var(--color-green-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-cyan-400{--tw-gradient-from:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-fuchsia-500{--tw-gradient-from:var(--color-fuchsia-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-400{--tw-gradient-from:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-fuchsia-500{--tw-gradient-via:var(--color-fuchsia-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-400{--tw-gradient-via:var(--color-indigo-400);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-500{--tw-gradient-via:var(--color-indigo-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-pink-500{--tw-gradient-via:var(--color-pink-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-cyan-300{--tw-gradient-to:var(--color-cyan-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-center{object-position:center}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-transparent{color:#0000}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[mm\:ss\.cc\]{mm:ss.cc}.\[mm\:ss\.cs\]{mm:ss.cs}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}}:root{--bg-primary:#06060b;--bg-secondary:#0e0e18;--bg-surface:#151522;--bg-surface-hover:#1e1e30;--bg-elevated:#252538;--text-primary:#f0f0f8;--text-secondary:#a0a0b8;--text-muted:#606078;--accent-indigo:#6366f1;--accent-indigo-hover:#818cf8;--accent-pink:#ec4899;--accent-cyan:#22d3ee;--accent-green:#34d399;--accent-amber:#f59e0b;--border-subtle:#ffffff0f;--border-light:#ffffff1a;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff14;--glow-indigo:#6366f140;--glow-pink:#ec489933;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--header-h:64px;--pp-mini-h:72px;--pp-theater-video-h:55dvh;--pp-theater-controls-h:64px;--pp-theater-total-h:calc(var(--pp-theater-video-h) + var(--pp-theater-controls-h));--lyrics-line-h:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:#fff;background:#6366f159}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes tileIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes changelog-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes watchIn{0%{opacity:0}to{opacity:1}}@keyframes tileBorderPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes screenGlowPulse{0%,to{box-shadow:inset 0 0 80px #6366f12e,inset 0 0 160px #6366f114,inset 0 0 30px #ec48991a}50%{box-shadow:inset 0 0 120px #6366f14d,inset 0 0 240px #6366f124,inset 0 0 60px #ec48992e}}@keyframes lyrics-gradient-flow{0%{background-position:0%}to{background-position:300%}}@keyframes lyrics-marquee-scroll{0%{transform:translate(0)}80%{transform:translateX(var(--marquee-amount,0px))}to{transform:translateX(var(--marquee-amount,0px))}}@keyframes lyrics-pulse{0%,80%,to{opacity:.2;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}@keyframes fadeOutSlide{to{opacity:0;transform:translateY(-8px)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}}@keyframes notFoundWave{0%,to{opacity:.32;height:12px;transform:translateY(0)}35%{opacity:1;height:42px;transform:translateY(-1px)}65%{opacity:.68;height:24px}}.app-layout{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1;gap:0;padding-top:0;display:flex}.app-main{padding-top:var(--header-h);padding-bottom:0}body[data-player-mode=mini] .app-main{padding-bottom:var(--pp-mini-h)}body[data-player-mode=none] .playlist-sidebar,body[data-player-mode=mini] .playlist-sidebar{padding-top:var(--header-h)}.main-area{min-width:calc(var(--spacing)*0);max-height:calc(100vh - var(--header-h));max-height:calc(100dvh - var(--header-h));flex:1;padding:24px 32px;overflow-y:auto}@view-transition{navigation:auto}::view-transition-old(root){animation:.3s ease-out both fadeOutSlide}::view-transition-new(root){animation:.3s ease-out both fadeInSlide}.header{top:calc(var(--spacing)*0);right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:60;-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border-bottom:1px solid var(--border-subtle);background:#06060bd9;position:fixed}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1800px;height:64px;margin:0 auto;padding:0 32px;display:flex}.header-logo{color:inherit;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:10px;text-decoration-line:none;display:flex}.header-logo:hover{opacity:.85}.header-logo:hover .logo-icon-wrapper{transform:translateY(-1px);box-shadow:0 0 24px #6366f159}.logo-icon-wrapper{border-radius:var(--radius-md);color:#fff;width:36px;height:36px;box-shadow:0 0 20px var(--glow-indigo);transition:transform var(--transition-fast),box-shadow var(--transition-fast);background-color:#6366f138;justify-content:center;align-items:center;display:flex}.logo-wordmark{align-items:center;line-height:1;display:inline-grid;position:relative}.logo-wordmark-base{font-family:var(--font-sans);letter-spacing:.08em;text-shadow:0 0 18px #6366f138;grid-area:1/1;font-size:1.28rem;font-weight:900}.logo-wordmark-native{color:#f0f0f8;-webkit-text-fill-color:currentColor}.font-logo-honk{font-family:var(--font-logo-honk),cursive;letter-spacing:.03em;font-variation-settings:"MORF" 15;text-shadow:none;font-size:1.34rem}.font-logo-bebas{font-family:var(--font-logo-bebas),sans-serif;letter-spacing:.06em;text-shadow:none;font-size:1.5rem}.font-logo-anton{font-family:var(--font-logo-anton),sans-serif;letter-spacing:.04em;text-shadow:none;font-size:1.35rem}.header-search{flex:1;max-width:540px;margin:0 32px}.header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.locale-switcher{align-items:center;display:inline-flex;position:relative}.locale-switcher-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.locale-switcher-select{cursor:pointer;--tw-outline-style:none;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);min-width:120px;color:var(--text-secondary);letter-spacing:.01em;appearance:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);outline-style:none;padding:6px 26px 6px 10px;font-size:.74rem;font-weight:500}.locale-switcher-select:hover{background:var(--glass-bg-hover);border-color:var(--border-light)}.locale-switcher-select:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.header-version-wrap{position:relative}.header-version{border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);letter-spacing:.05em;font-variant-numeric:tabular-nums;cursor:pointer;--tw-outline-style:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);outline-style:none;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.header-version:hover,.header-version[aria-expanded=true]{background:var(--glass-bg-hover);color:var(--text-secondary);border-color:var(--border-light)}.header-version:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.header-gradient-line{background:linear-gradient(90deg,transparent,var(--accent-indigo),var(--accent-pink),var(--accent-cyan),transparent);opacity:.5;height:1px}.auth-skeleton{border-radius:var(--radius-full);background:var(--glass-bg);width:32px;height:32px}.auth-login-btn{cursor:pointer;--tw-outline-style:none;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);outline-style:none;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.auth-login-btn:hover{background:var(--glass-bg-hover);color:var(--text-secondary);border-color:var(--border-light)}.auth-login-btn:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.auth-wrap{position:relative}.auth-avatar-btn{cursor:pointer;--tw-outline-style:none;border-radius:var(--radius-full);transition:opacity var(--transition-fast);background:0 0;border:none;outline-style:none;padding:0}.auth-avatar-btn:hover{opacity:.85}.auth-avatar-btn:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.auth-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--glass-border);width:32px;height:32px}.auth-avatar-fallback{border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.auth-avatar-fallback--lg{width:40px;height:40px;font-size:1rem}.auth-popover{z-index:200;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:min(260px,100vw - 32px);animation:.18s changelog-in;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 4px 6px -1px #0006,0 16px 32px -4px #00000080}.auth-popover-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:14px 16px;display:flex}.auth-popover-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--glass-border);flex-shrink:0;width:40px;height:40px}.auth-popover-info{min-width:0}.auth-popover-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.auth-popover-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.auth-popover-menu{padding:4px 0}.auth-popover-item{cursor:pointer;--tw-outline-style:none;width:100%;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;outline-style:none;align-items:center;gap:8px;padding:8px 16px;font-size:.78rem;display:flex}.auth-popover-item:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.auth-popover-item:disabled{opacity:.5;cursor:default}.auth-popover-item--danger:hover:not(:disabled){color:#ef4444}.auth-popover-item:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:-2px}.auth-popover-soon{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);opacity:.6;margin-left:auto;font-size:.62rem;font-weight:500}.auth-popover-divider{background:var(--border-subtle);height:1px;margin:0 12px}.auth-popover-gamification{flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 8px;display:flex}.auth-popover-points{color:var(--accent-cyan);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.auth-popover-locale{padding:10px 14px 12px}.auth-popover-locale-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.66rem}.locale-switcher--popover{width:100%}.locale-switcher--popover .locale-switcher-select{width:100%;min-width:0}.changelog-popover{z-index:200;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:min(320px,100vw - 32px);animation:.18s changelog-in;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 4px 6px -1px #0006,0 16px 32px -4px #00000080}.changelog-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.changelog-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.changelog-version{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.changelog-list{max-height:320px;padding:8px 0;list-style-type:none;overflow-y:auto}.changelog-list::-webkit-scrollbar{width:3px}.changelog-entry{transition:background var(--transition-fast);align-items:baseline;gap:6px;padding:5px 16px;display:flex}.changelog-entry:hover{background:var(--glass-bg)}.changelog-date{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.68rem}.changelog-sep{color:var(--text-muted);opacity:.4;flex-shrink:0;font-size:.68rem}.changelog-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.search-bar-container{width:100%;position:relative}.search-input-wrapper{border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);height:42px;transition:all var(--transition-normal);align-items:center;gap:10px;padding:0 16px;display:flex}.search-input-wrapper:focus-within{background:var(--glass-bg-hover);border-color:#6366f14d;box-shadow:0 0 0 3px #6366f114,0 0 20px #6366f11a}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{--tw-border-style:none;--tw-outline-style:none;color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);background-color:#0000;border-style:none;outline-style:none;flex:1}.search-input::placeholder{color:var(--text-muted)}.search-spinner{color:var(--accent-indigo);flex-shrink:0;animation:1s linear infinite spin}.search-clear{cursor:pointer;border-radius:var(--radius-full);background:var(--bg-elevated);width:24px;height:24px;color:var(--text-secondary);transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear:hover{color:var(--text-primary);background:#ffffff1f}.search-dropdown{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-light);max-height:420px;box-shadow:0 20px 60px #00000080,0 0 30px var(--glow-indigo);z-index:100;animation:.2s ease-out dropdownIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-feedback{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:10px 12px;font-size:.78rem;display:flex}.search-feedback-error{color:#fda4af;background:#7f1d1d38}.search-feedback-mode{color:#d8b4fe;background:#6366f11a;border-bottom-color:#6366f126;padding:6px 12px;font-size:.7rem}.search-feedback-meta{color:var(--text-muted);text-transform:lowercase;margin-left:auto;font-size:.68rem}.search-chips{background:#6366f10f;border-bottom:1px solid #6366f11f;flex-wrap:wrap;gap:4px;padding:6px 12px 7px;display:flex}.search-chip{border-radius:var(--radius-full);color:#c4b5fdb3;letter-spacing:.02em;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #8b5cf640;align-items:center;padding:2px 8px;font-size:.6rem;font-weight:500;display:inline-flex}.search-chip:hover{color:#d8b4fe;background:#8b5cf614;border-color:#8b5cf673}.search-chip--active{color:#e9d5ff;background:#8b5cf633;border-color:#8b5cf680}.search-chip--active:hover{color:#f3e8ff;background:#8b5cf647}.search-result-item{cursor:pointer;--tw-border-style:none;text-align:left;width:100%;color:var(--text-primary);transition:background var(--transition-fast);border-style:none;border-bottom:1px solid var(--border-subtle);background-color:#0000;gap:12px;padding:10px 14px;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--glass-bg-hover)}.search-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);align-items:center;gap:5px;padding:5px 12px 4px;font-size:.6rem;font-weight:600;display:flex}.search-section-label--with-action{justify-content:space-between}.search-section-label--ai{color:var(--accent-indigo-hover);background:#6366f114;border-bottom-color:#6366f126}.search-section-label--ai .search-section-count{color:#c4b5fd99}.search-section-label--ai .search-section-action{color:#c4b5fdcc;border-color:#8b5cf64d}.search-section-label--ai .search-section-action:hover{color:#d8b4fe;background:#8b5cf61f;border-color:#8b5cf680}.search-section-label-left{text-transform:uppercase;align-items:center;gap:5px;display:flex}.search-section-actions{align-items:center;gap:4px;display:inline-flex}.search-section-count{color:var(--text-muted);font-size:.6rem;font-weight:500}.search-section-action{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-full);letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:3px;padding:2px 7px;font-size:.58rem;display:inline-flex}.search-section-action:hover{color:var(--text-secondary);background:var(--glass-bg);border-color:var(--border-light)}.search-section-action:disabled{opacity:.5;cursor:not-allowed}.search-result-artist{align-items:center}.search-artist-thumb{border-radius:3.40282e38px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.search-artist-img{object-fit:cover;width:44px;height:44px}.search-artist-placeholder{background:var(--glass-bg);width:44px;height:44px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.search-result-thumb{border-radius:var(--radius-sm);flex-shrink:0;position:relative;overflow:hidden}.search-thumb-img{object-fit:cover;width:120px;height:68px;display:block}.search-duration{color:#fff;font-variant-numeric:tabular-nums;background:#000c;border-radius:3px;padding:1px 5px;font-size:.65rem;font-weight:600;position:absolute;bottom:4px;right:4px}.search-result-info{min-width:calc(var(--spacing)*0);flex-direction:column;flex:1;justify-content:center;gap:2px;display:flex}.search-result-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.search-result-channel{color:var(--text-secondary);font-size:.75rem}.search-result-views{color:var(--text-muted);font-size:.7rem}.search-result-reason{color:var(--accent-indigo);text-transform:capitalize;font-size:.7rem}@media (max-width:400px){.search-thumb-img{width:80px;height:45px}}.now-playing-glow{pointer-events:none;inset:calc(var(--spacing)*0);opacity:0;z-index:200;transition:opacity 1s;animation:3s ease-in-out infinite screenGlowPulse;position:fixed}.now-playing-glow--active{opacity:1}.player-empty{aspect-ratio:16/9;border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border-subtle);justify-content:center;align-items:center;max-height:480px;display:flex;position:relative;overflow:hidden}.player-empty:before{content:"";inset:calc(var(--spacing)*0);background:radial-gradient(#6366f10f 0%,#0000 70%);position:absolute}.player-empty-inner{z-index:1;text-align:center;position:relative}.player-empty-icon{opacity:.3;margin-bottom:16px;font-size:3rem}.player-empty-title{color:var(--text-secondary);margin-bottom:6px;font-size:1.25rem;font-weight:600}.player-empty-subtitle{color:var(--text-muted);font-size:.85rem}.player-wrapper{border-radius:var(--radius-xl);box-shadow:0 8px 40px #0006,0 0 30px var(--glow-indigo);border:1px solid var(--border-subtle);overflow:hidden}.player-iframe-container{background:#000;width:100%;padding-top:56.25%;position:relative}.player-iframe{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);--tw-border-style:none;border-style:none;width:100%;height:100%;position:absolute}.player-controls{border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:16px;padding:14px 20px}.player-controls-inner{align-items:center;gap:20px;display:flex}.player-track-info{min-width:calc(var(--spacing)*0);flex:1}.player-track-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.player-track-artist{color:var(--text-secondary);margin-top:1px;font-size:.78rem}.player-buttons{align-items:center;gap:8px;display:flex}.player-btn{cursor:pointer;border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.player-btn:hover:not(:disabled){color:var(--text-primary);background:var(--glass-bg-hover)}.player-btn:disabled{cursor:not-allowed;opacity:.3}.player-btn-play{cursor:pointer;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink));color:#fff;width:44px;height:44px;transition:all var(--transition-normal);box-shadow:0 0 20px var(--glow-indigo);border:none;justify-content:center;align-items:center;display:flex}.player-btn-play:hover{box-shadow:0 0 30px var(--glow-indigo),0 0 15px var(--glow-pink);transform:scale(1.08)}.player-volume{flex-shrink:0;align-items:center;gap:8px;display:flex}.player-volume-icon{color:var(--text-muted)}.player-volume-slider{appearance:none;cursor:pointer;--tw-outline-style:none;background:#ffffff1a;border-radius:2px;outline-style:none;width:80px;height:4px}.player-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:var(--accent-indigo);width:14px;height:14px;box-shadow:0 0 8px var(--glow-indigo);border-radius:3.40282e38px}.pp{z-index:50;background:var(--bg-secondary)}.pp--theater{right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);top:var(--header-h);height:var(--pp-theater-total-h);z-index:55;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 40px #0009}.pp--theater .pp-video-wrap{min-height:calc(var(--spacing)*0);background:#000;flex:1;overflow:hidden}.pp--theater .pp-yt-container{width:100%;height:100%}.pp--theater .pp-yt-container iframe{--tw-border-style:none;border-style:none;width:100%;height:100%;display:block}.pp-drag-handle{cursor:ns-resize;touch-action:none;z-index:2;isolation:isolate;background:0 0;flex-shrink:0;height:10px;position:relative}@media (pointer:coarse){.pp-drag-handle{height:24px}}.pp-drag-handle:before{content:"";background:var(--accent-indigo);opacity:0;height:2px;box-shadow:none;pointer-events:none;border-radius:99px;transition:opacity .16s,box-shadow .18s,height .16s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pp-drag-handle:after{content:"";background:var(--border-subtle);border-radius:99px;width:40px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.pp-drag-handle:after{background:color-mix(in srgb,var(--border-subtle)58%,#cfd6ff 42%)}}.pp-drag-handle:after{opacity:.5;pointer-events:none;transition:opacity .16s,box-shadow .16s,background .16s;box-shadow:inset 0 0 0 1px #ffffff0f}.pp-drag-handle:hover:after,.pp-drag-handle:active:after,.pp-is-resizing .pp-drag-handle:after{opacity:1;background:#fff}@supports (color:color-mix(in lab, red, red)){.pp-drag-handle:hover:after,.pp-drag-handle:active:after,.pp-is-resizing .pp-drag-handle:after{background:color-mix(in srgb,#fff 64%,var(--accent-indigo)36%)}}.pp-drag-handle:hover:after,.pp-drag-handle:active:after,.pp-is-resizing .pp-drag-handle:after{box-shadow:inset 0 0 0 1px #6366f18c,0 0 16px #6366f147}.pp-drag-handle:hover:before,.pp-drag-handle:active:before,.pp-is-resizing .pp-drag-handle:before{opacity:1;height:3px;box-shadow:0 0 14px #6366f173,0 0 28px #6366f140}.pp--theater .pp-controls-wrap{height:var(--pp-theater-controls-h);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;display:flex}.pp--theater .pp-controls-wrap:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-indigo),var(--accent-pink),transparent);opacity:.4;height:1px}.pp--mini{right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0);height:var(--pp-mini-h);-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8);background:#080810f0;border-top:1px solid #ffffff0d;align-items:stretch;display:flex;position:fixed;overflow:visible}.pp--mini .pp-video-wrap{width:0;height:0;position:absolute;bottom:100%;left:0;overflow:hidden}.pp--mini .pp-video-wrap--pip{aspect-ratio:16/9;border-radius:var(--radius-md)var(--radius-md)0 0;background:#000;width:clamp(200px,40vw,288px);overflow:hidden;box-shadow:0 -16px 60px #000000f2,-6px -4px 24px #000000b3,6px -4px 24px #000000b3}.pp--mini .pp-video-wrap--audio-only{pointer-events:none;opacity:0;width:1px;height:1px;overflow:hidden}.pp-pip-overlay{inset:calc(var(--spacing)*0);z-index:2;position:absolute}.pp-pip-toolbar{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast);background:#0009;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:6px;right:6px}.pp-video-wrap--pip:hover .pp-pip-toolbar{opacity:1}.pp-expand-notch{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);color:#ffffff59;opacity:0;z-index:1;background:#080810f0;border:1px solid #ffffff0f;border-bottom:none;border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:36px;height:18px;text-decoration-line:none;transition:opacity .2s,transform .2s,color .15s;display:flex;position:absolute;bottom:100%;left:20px;transform:translateY(6px)}.pp-expand-notch:after{content:"";height:10px;position:absolute;top:100%;left:-6px;right:-6px}:is(.pp--mini:has(.pp-track-info:hover) .pp-expand-notch,.pp-expand-notch:hover){opacity:1;color:#fff9;transform:translateY(0)}.pp-expand-notch:hover{color:#fff}@media (pointer:coarse){.pp-expand-notch{opacity:.45;transform:translateY(0)}.pp-expand-notch:active{opacity:1;color:#fff}}.pp--mini .pp-yt-container,.pp--mini .pp-yt-container iframe{--tw-border-style:none;border-style:none;width:100%;height:100%;display:block}.pp--mini .pp-controls-wrap{min-width:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}.pp-timeline{cursor:pointer;height:2px;transition:height var(--transition-fast);background:#ffffff0f;flex-shrink:0;position:relative}.pp-timeline:before{content:"";left:calc(var(--spacing)*0);width:100%;position:absolute;top:-10px;bottom:-10px}.pp-timeline:hover,.pp-timeline--scrubbing{height:4px}.pp-timeline-fill{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);background:linear-gradient(90deg,var(--accent-indigo),var(--accent-pink));height:100%;transition:width .5s linear;position:absolute}.pp-timeline--scrubbing .pp-timeline-fill{transition:none}.pp-timeline-dot{pointer-events:none;width:12px;height:12px;transition:transform var(--transition-fast);background:#fff;border-radius:3.40282e38px;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.pp-timeline:hover .pp-timeline-dot,.pp-timeline--scrubbing .pp-timeline-dot{transform:translate(-50%,-50%)scale(1)}.pp-controls-inner{flex:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 20px;display:grid}.pp-track-info{min-width:calc(var(--spacing)*0);align-items:center;gap:10px;display:flex}.pp-save-btn{cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pp-save-btn:hover{color:var(--accent-indigo);background:#6366f11a}.pp-share-btn{cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pp-share-btn:hover{color:var(--accent-green,#4ade80);background:#4ade801a}.pp-track-thumb{flex-shrink:0}.pp-track-thumb-img{object-fit:cover;border-radius:var(--radius-sm);width:38px;height:38px;display:block;box-shadow:0 2px 8px #00000080}.pp-track-text{min-width:calc(var(--spacing)*0)}.pp-track-link{min-width:calc(var(--spacing)*0);color:inherit;text-decoration-line:none;display:block}.pp-track-link:hover .pp-track-title{color:#fff}.pp-track-title{text-overflow:ellipsis;white-space:nowrap;color:#ffffffe6;transition:color var(--transition-fast);font-size:.8rem;font-weight:500;line-height:1.3;overflow:hidden}.pp-track-artist{text-overflow:ellipsis;white-space:nowrap;color:#fff6;margin-top:1px;font-size:.68rem;overflow:hidden}.pp-buttons{flex-shrink:0;align-items:center;gap:0;display:flex}.pp-btn{cursor:pointer;border-radius:var(--radius-full);color:#fff6;width:32px;height:32px;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;text-decoration-line:none;display:flex}.pp-btn:hover:not(:disabled){color:#ffffffe6}.pp-btn:disabled{cursor:not-allowed;opacity:.2}.pp-btn--sm{width:26px;height:26px}.pp-btn-play{cursor:pointer;border-radius:var(--radius-full);color:#08080f;width:34px;height:34px;transition:transform var(--transition-fast),opacity var(--transition-fast);background:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0 6px;display:flex}.pp-btn-play:hover{opacity:.92;transform:scale(1.06)}.pp-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.pp-time{white-space:nowrap;color:#ffffff4d;font-variant-numeric:tabular-nums;margin-right:4px;font-size:.75rem}.pp-volume{align-items:center;gap:2px;display:flex}.pp-volume-slider{appearance:none;cursor:pointer;--tw-outline-style:none;width:0;height:3px;transition:width var(--transition-normal),overflow 0s var(--transition-normal);background:#ffffff26;border-radius:2px;outline-style:none;overflow:hidden}.pp-volume:hover .pp-volume-slider{width:60px;transition:width var(--transition-normal);overflow:visible}.pp-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:3.40282e38px;width:10px;height:10px}.playlist-sidebar{border-left:1px solid var(--border-subtle);background:var(--bg-secondary);width:320px;height:100%;padding-top:var(--pp-theater-total-h);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.playlist-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.playlist-header-left{color:var(--text-primary);align-items:center;gap:8px;display:flex}.playlist-title{font-size:.95rem;font-weight:600}.playlist-count{border-radius:var(--radius-full);background:var(--accent-indigo);color:#fff;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.playlist-mode-toggles{align-items:center;gap:6px;margin-left:2px;display:inline-flex}.playlist-mode-btn{cursor:pointer;border:1px solid var(--border-light);border-radius:var(--radius-full);min-width:22px;height:22px;color:var(--text-muted);letter-spacing:.04em;transition:all var(--transition-fast);background:#ffffff0a;justify-content:center;align-items:center;padding:0 6px;font-size:.62rem;font-weight:700;display:inline-flex}.playlist-mode-btn:hover{color:var(--text-primary);border-color:#6366f180}.playlist-mode-btn--active{color:#fff;background:#6366f133;border-color:#6366f1b3}.playlist-clear{cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.playlist-clear:hover{color:#f87171;background:#f871711a}.playlist-tracks{flex:1;padding:8px 0 16px;overflow-y:auto}.playlist-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.playlist-empty-icon{opacity:.3;margin-bottom:12px}.playlist-empty p{margin-bottom:4px;font-size:.85rem}.playlist-empty-hint{color:var(--text-muted);opacity:.7;font-size:.75rem}.playlist-track{transition:background var(--transition-fast);border-radius:0;align-items:center;display:flex}.playlist-track:hover{background:var(--glass-bg-hover)}.playlist-track-active{border-left:2px solid var(--accent-indigo);background:#6366f114}.playlist-track-btn{min-width:calc(var(--spacing)*0);cursor:pointer;--tw-border-style:none;text-align:left;color:var(--text-primary);background-color:#0000;border-style:none;flex:1;align-items:center;gap:10px;padding:8px 12px;display:flex}.playlist-track-thumb{border-radius:4px;flex-shrink:0;width:48px;height:36px;position:relative;overflow:hidden}.playlist-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.playlist-track-playing{inset:calc(var(--spacing)*0);color:var(--accent-indigo);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute}.playlist-track-info{min-width:calc(var(--spacing)*0);flex:1}.playlist-track-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;line-height:1.3;overflow:hidden}.playlist-track-artist{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.7rem;overflow:hidden}.playlist-track-end{flex-shrink:0;align-items:center;padding-right:8px;display:flex}.playlist-track-duration{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.7rem}.playlist-track-actions{align-items:center;gap:2px;display:none}.playlist-track:hover .playlist-track-duration{display:none}.playlist-track:hover .playlist-track-actions{display:flex}.playlist-track-save{cursor:pointer;border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.playlist-track-save:hover{color:var(--accent-indigo);background:#6366f11a}.playlist-track-remove{cursor:pointer;border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.playlist-track-remove:hover{color:#f87171;background:#f871711a}.mosaic-tile-save{cursor:pointer;opacity:0;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:4;background:#ffffff1f;border:1px solid #fff3;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;bottom:48px;left:8px;transform:translateY(4px)}.mosaic-tile:hover .mosaic-tile-save{opacity:1;transform:translateY(0)}.mosaic-tile-save:hover{background:var(--accent-indigo);border-color:var(--accent-indigo);transform:scale(1.15)!important}.artist-card-save{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff26;border:1px solid #ffffff26;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.artist-card-save:hover{background:#ffffff40;transform:scale(1.1)}.save-popover{z-index:200;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:240px;max-height:340px;animation:.18s changelog-in;position:fixed;overflow:hidden;box-shadow:0 4px 6px -1px #0006,0 16px 32px -4px #00000080}.save-popover-header{border-bottom:1px solid var(--border-subtle);letter-spacing:.04em;color:var(--text-secondary);align-items:center;padding:10px 14px;font-size:.75rem;font-weight:600;display:flex}.save-popover-list{max-height:200px;padding:4px 0;overflow-y:auto}.save-popover-list::-webkit-scrollbar{width:3px}.save-popover-item{cursor:pointer;--tw-outline-style:none;width:100%;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;outline-style:none;align-items:center;gap:8px;padding:7px 14px;font-size:.78rem;display:flex}.save-popover-item:hover{background:var(--glass-bg);color:var(--text-primary)}.save-popover-item-check{border:1px solid var(--border-light);color:#0000;width:16px;height:16px;transition:all var(--transition-fast);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.save-popover-item--saved .save-popover-item-check{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#fff}.save-popover-item-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.save-popover-item-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.65rem}.save-popover-divider{background:var(--border-subtle);height:1px;margin:0 10px}.save-popover-create{padding:6px 14px}.save-popover-create-btn{cursor:pointer;--tw-outline-style:none;width:100%;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;outline-style:none;align-items:center;gap:6px;padding:7px 0;font-size:.75rem;display:flex}.save-popover-create-btn:hover{color:var(--accent-indigo)}.save-popover-input{--tw-outline-style:none;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--border-light);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline-style:none;padding:6px 8px;font-size:.75rem}.save-popover-input:focus{border-color:var(--accent-indigo)}.save-popover-input::placeholder{color:var(--text-muted)}.save-popover-login{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;font-size:.75rem;display:flex}.save-popover-login-btn{cursor:pointer;--tw-outline-style:none;border-radius:var(--radius-full);background:var(--accent-indigo);color:#fff;transition:opacity var(--transition-fast);border:none;outline-style:none;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.save-popover-login-btn:hover{opacity:.85}.playlist-tabs{border-bottom:1px solid var(--border-subtle);display:flex}.playlist-tab{cursor:pointer;--tw-outline-style:none;color:var(--text-muted);letter-spacing:.04em;transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;outline-style:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 0;font-size:.75rem;font-weight:600;display:flex}.playlist-tab:hover{color:var(--text-secondary)}.playlist-tab--active{color:var(--text-primary);border-bottom-color:var(--accent-indigo)}.playlists-tab-header{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.playlists-tab-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.playlists-tab-add{cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.playlists-tab-add:hover{color:var(--accent-indigo);background:#6366f11a}.playlists-tab-create-input{--tw-outline-style:none;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--border-light);width:calc(100% - 32px);color:var(--text-primary);transition:border-color var(--transition-fast);outline-style:none;margin:0 16px 8px;padding:8px 10px;font-size:.78rem}.playlists-tab-create-input:focus{border-color:var(--accent-indigo)}.playlists-tab-create-input::placeholder{color:var(--text-muted)}.playlists-list{flex:1;padding:0 0 16px;overflow-y:auto}.playlists-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.playlists-empty-icon{opacity:.3;margin-bottom:10px}.playlists-empty p{margin-bottom:4px;font-size:.8rem}.playlists-empty-hint{color:var(--text-muted);opacity:.7;font-size:.72rem}.playlists-empty-login{cursor:pointer;--tw-outline-style:none;border-radius:var(--radius-full);background:var(--accent-indigo);color:#fff;transition:opacity var(--transition-fast);border:none;outline-style:none;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.playlists-empty-login:hover{opacity:.85}.playlists-item{border-bottom:1px solid var(--border-subtle)}.playlists-item-row{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 16px;display:flex}.playlists-item-row:hover{background:var(--glass-bg-hover)}.playlists-item-icon{color:var(--text-muted);flex-shrink:0}.playlists-item-info{min-width:calc(var(--spacing)*0);flex:1}.playlists-item-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:.8rem;font-weight:500;overflow:hidden}.playlists-item-meta{color:var(--text-muted);font-size:.68rem}.playlists-item-actions{opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:2px;display:flex}.playlists-item-row:hover .playlists-item-actions{opacity:1}.playlists-item-action{cursor:pointer;border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.playlists-item-action:hover{color:var(--text-primary);background:var(--glass-bg)}.playlists-item-action--danger:hover{color:#f87171;background:#f871711a}.playlists-item-action--active{color:var(--accent-green,#4ade80)}.playlists-item-action--active:hover{color:var(--accent-green,#4ade80);background:#4ade801a}.playlists-item-action--play:hover{color:var(--accent-indigo);background:#6366f11a}.playlists-item-rename{--tw-outline-style:none;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--accent-indigo);color:var(--text-primary);outline-style:none;width:100%;padding:2px 6px;font-size:.8rem;font-weight:500}.playlists-item-tracks{background:#00000026;padding:0 0 4px}.playlists-item-track{transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 16px 6px 28px;display:flex}.playlists-item-track:hover{background:var(--glass-bg-hover)}.playlists-item-track-info{min-width:calc(var(--spacing)*0);flex:1}.playlists-item-track-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.72rem;overflow:hidden}.playlists-item-track-artist{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.65rem;overflow:hidden}.playlists-item-track-remove{cursor:pointer;opacity:0;border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.playlists-item-track:hover .playlists-item-track-remove{opacity:1}.playlists-item-track-remove:hover{color:#f87171;background:#f871711a}.playlists-item-track-drag{cursor:grab;border-radius:var(--radius-sm);width:18px;height:22px;color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.playlists-item-track:hover .playlists-item-track-drag{opacity:.6}.playlists-item-track-drag:hover{color:var(--text-secondary);opacity:1!important}.playlists-item-track-drag:active{cursor:grabbing}.playlists-item-track--dragging{background:var(--bg-elevated);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0006}.playlists-search-bar{border-bottom:1px solid var(--border-subtle);align-items:center;min-height:30px;padding:4px 12px 4px 28px;display:flex}.playlists-search-trigger{cursor:pointer;border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.playlists-search-trigger:hover{color:var(--text-secondary);background:var(--glass-bg)}.playlists-search-input-wrapper{border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--border-light);height:26px;transition:border-color var(--transition-fast);flex:1;align-items:center;gap:6px;padding:0 6px;display:flex}.playlists-search-input-wrapper:focus-within{border-color:#6366f14d}.playlists-search-icon{color:var(--text-muted);flex-shrink:0}.playlists-search-input{--tw-border-style:none;--tw-outline-style:none;color:var(--text-primary);background-color:#0000;border-style:none;outline-style:none;flex:1;min-width:0;font-size:.7rem}.playlists-search-input::placeholder{color:var(--text-muted)}.playlists-search-close{cursor:pointer;border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.playlists-search-close:hover{color:var(--text-primary)}.playlists-search-no-results{color:var(--text-muted);font-style:italic}.playlists-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:24px;font-size:.75rem;display:flex}.lyrics-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.lyrics-toggle{width:100%;color:var(--text-secondary);transition:background var(--transition-fast),border-color var(--transition-fast);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.lyrics-toggle:hover{background:var(--glass-bg-hover)}.lyrics-toggle--open{border-bottom-color:var(--border-subtle)}.lyrics-toggle-right{align-items:center;gap:10px;display:flex}.lyrics-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.lyrics-collapse-btn{width:24px;height:24px;color:inherit;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.lyrics-collapse-btn:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.lyrics-chevron{opacity:.5;transition:transform var(--transition-normal)}.lyrics-collapsible{grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.25,.46,.45,.94);display:grid}.lyrics-collapsible--open{grid-template-rows:1fr}.lyrics-collapsible-inner{min-height:calc(var(--spacing)*0);overflow:hidden}.lyrics-sync-toggle{border:1px solid var(--border-subtle);background:var(--glass-bg-soft);height:26px;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);border-radius:999px;align-items:center;padding:0 12px;font-size:.7rem;display:inline-flex}.lyrics-sync-toggle:hover{background:var(--glass-bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.lyrics-sync-toggle--open{border-color:var(--accent-indigo)}@supports (color:color-mix(in lab, red, red)){.lyrics-sync-toggle--open{border-color:color-mix(in srgb,var(--accent-indigo)45%,transparent)}}.lyrics-sync-toggle--open{color:var(--accent-indigo)}@supports (color:color-mix(in lab, red, red)){.lyrics-sync-toggle--open{color:color-mix(in srgb,var(--accent-indigo)85%,white)}}.lyrics-sync-card{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--accent-indigo),transparent);margin:0 0 8px;padding:10px 24px}@supports (color:color-mix(in lab, red, red)){.lyrics-sync-card{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-indigo)5%,transparent),transparent)}}.lyrics-sync-status{flex-shrink:0;align-items:center;gap:8px;display:flex}.lyrics-sync-value{letter-spacing:.04em;color:var(--text-primary);font-size:.82rem;font-weight:700}.lyrics-sync-auto-tag{border:1px solid var(--accent-indigo);border-radius:999px;align-items:center;padding:2px 7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lyrics-sync-auto-tag{border:1px solid color-mix(in srgb,var(--accent-indigo)35%,transparent)}}.lyrics-sync-auto-tag{color:var(--accent-indigo)}@supports (color:color-mix(in lab, red, red)){.lyrics-sync-auto-tag{color:color-mix(in srgb,var(--accent-indigo)75%,white)}}.lyrics-sync-auto-tag{letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.lyrics-sync-hint{color:var(--text-secondary);margin:4px 0 10px;font-size:.74rem;line-height:1.45}.lyrics-sync-actions{align-items:center;gap:8px;display:flex}.lyrics-sync-btn{border:1px solid var(--border-subtle);background:var(--glass-bg-soft);min-width:34px;height:28px;color:var(--text-secondary);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.75rem;line-height:1;display:flex}.lyrics-sync-btn--wide{flex:1;font-weight:600}.lyrics-sync-btn:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.lyrics-sync-btn:disabled{opacity:.45;cursor:default}.lyrics-sync-slider{appearance:none;background:linear-gradient(90deg,var(--accent-cyan),var(--text-muted),var(--accent-pink));border-radius:999px;width:100%;height:4px;margin-top:10px}@supports (color:color-mix(in lab, red, red)){.lyrics-sync-slider{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-cyan)70%,transparent),color-mix(in srgb,var(--text-muted)30%,transparent),color-mix(in srgb,var(--accent-pink)70%,transparent))}}.lyrics-sync-slider{outline:none}.lyrics-sync-slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--accent-indigo);border-radius:50%;width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.lyrics-sync-slider::-webkit-slider-thumb{border:2px solid color-mix(in srgb,var(--accent-indigo)70%,transparent)}}.lyrics-sync-slider::-webkit-slider-thumb{cursor:pointer}.lyrics-sync-slider::-moz-range-thumb{background:var(--text-primary);border:2px solid var(--accent-indigo);border-radius:50%;width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.lyrics-sync-slider::-moz-range-thumb{border:2px solid color-mix(in srgb,var(--accent-indigo)70%,transparent)}}.lyrics-sync-slider::-moz-range-thumb{cursor:pointer}.lyrics-sync-scale{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:6px;font-size:.65rem;display:flex}.lyrics-window{height:calc(3*var(--lyrics-line-h));padding:0 24px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.lyrics-track{will-change:transform;transition:transform .48s cubic-bezier(.25,.46,.45,.94)}.lyrics-line{white-space:nowrap;-webkit-user-select:none;user-select:none;height:var(--lyrics-line-h);color:var(--text-muted);opacity:0;text-overflow:ellipsis;align-items:center;font-size:.95rem;font-weight:500;transition:opacity .35s,font-size .35s,color .35s;display:flex;overflow:hidden}.lyrics-line--prev{opacity:.3;color:var(--text-muted);font-size:.9rem}.lyrics-line--active{opacity:1;text-overflow:clip;font-size:1.35rem}.lyrics-line--next{opacity:.45;color:var(--text-secondary);font-size:.9rem}.lyrics-active-text{white-space:nowrap;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-pink),var(--accent-cyan),var(--accent-indigo));-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;background-clip:text;flex-shrink:0;padding-right:20px;font-weight:700;animation:4s linear infinite lyrics-gradient-flow;display:inline-block}.lyrics-ticker{animation:lyrics-gradient-flow 4s linear infinite,lyrics-marquee-scroll var(--marquee-speed,8s)linear 1 forwards}.lyrics-plain{max-height:340px;padding:20px 24px;overflow-y:auto}.lyrics-plain::-webkit-scrollbar{width:3px}.lyrics-plain-line{color:var(--text-secondary);font-size:.9rem;line-height:1.75}.lyrics-plain-gap{height:14px}.lyrics-state{height:calc(3*var(--lyrics-line-h));color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:.85rem;display:flex}.lyrics-loading-dot{background:var(--text-muted);border-radius:3.40282e38px;width:5px;height:5px;animation:1.2s ease-in-out infinite lyrics-pulse}.lyrics-loading-dot:nth-child(2){animation-delay:.2s}.lyrics-loading-dot:nth-child(3){animation-delay:.4s}.lyrics-label-group{align-items:center;gap:10px;display:flex}.lyrics-synced-by{color:var(--text-muted);letter-spacing:normal;text-transform:none;font-size:.65rem;font-weight:400}.lyrics-edit-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.lyrics-edit-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.sync-cta{border-bottom:1px solid var(--border-subtle);background:var(--accent-indigo);justify-content:space-between;align-items:center;padding:10px 24px;display:flex}@supports (color:color-mix(in lab, red, red)){.sync-cta{background:color-mix(in srgb,var(--accent-indigo)4%,transparent)}}.sync-cta-text{color:var(--text-secondary);font-size:.78rem}.sync-cta-btn{color:#fff;background:var(--accent-indigo);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);border:none;align-items:center;gap:6px;padding:5px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.sync-cta-btn:hover{background:var(--accent-indigo-hover)}.sync-cta-btn--login{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink))}.lyrics-paste-cta{min-height:calc(3*var(--lyrics-line-h));flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.lyrics-paste-cta-text{color:var(--text-muted);text-align:center;font-size:.82rem}.lyrics-paste-input{width:100%;padding:16px 24px}.lyrics-paste-textarea{width:100%;min-height:180px;max-height:300px;color:var(--text-secondary);background:var(--glass-bg-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast),color var(--transition-fast);outline:none;padding:12px;font-family:inherit;font-size:.82rem;line-height:1.7}.lyrics-paste-textarea:focus{border-color:var(--accent-indigo);color:var(--text-primary)}.lyrics-paste-textarea::placeholder{color:var(--text-muted)}.lyrics-paste-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.lyrics-text-editor{padding:16px 24px}.lyrics-text-editor-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.plain-editor-add-top{border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;margin-bottom:4px;padding:4px;display:flex}.plain-editor-add-top:hover{color:var(--accent-indigo);border-color:var(--accent-indigo)}.advanced-sync-toggle{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);background:0 0;align-items:center;gap:6px;margin-top:10px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.advanced-sync-toggle:hover{color:var(--text-secondary);border-color:var(--border-strong);background:var(--glass-bg-soft)}.advanced-sync-toggle--open{color:var(--accent-indigo)}@supports (color:color-mix(in lab, red, red)){.advanced-sync-toggle--open{color:color-mix(in srgb,var(--accent-indigo)85%,white)}}.advanced-sync-toggle--open{border-color:var(--accent-indigo)}@supports (color:color-mix(in lab, red, red)){.advanced-sync-toggle--open{border-color:color-mix(in srgb,var(--accent-indigo)45%,transparent)}}.advanced-sync-panel{margin-top:10px}.advanced-sync-hint{color:var(--text-muted);margin-bottom:8px;font-size:.72rem;line-height:1.45}.advanced-sync-lines{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);max-height:260px;overflow-y:auto}.advanced-sync-lines::-webkit-scrollbar{width:3px}.advanced-sync-line{border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;padding:4px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.advanced-sync-line{border-bottom:1px solid color-mix(in srgb,var(--border-subtle)50%,transparent)}}.advanced-sync-line:last-child{border-bottom:none}.advanced-sync-ts-btn{font-family:var(--font-mono,monospace);color:var(--accent-indigo);cursor:pointer;border-radius:var(--radius-sm);min-width:42px;transition:background var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:4px;font-size:.68rem}.advanced-sync-ts-btn:hover{background:var(--glass-bg-hover)}.advanced-sync-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);flex:1;font-size:.78rem;line-height:1.6;overflow:hidden}.advanced-sync-btns{flex-shrink:0;align-items:center;gap:2px;display:flex}.advanced-sync-adj-btn{border:1px solid var(--border-light);background:var(--glass-bg);width:26px;height:26px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.advanced-sync-adj-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.advanced-sync-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.sync-editor{padding:16px 24px}.sync-editor--submit{min-height:calc(3*var(--lyrics-line-h));justify-content:center;align-items:center;display:flex}.sync-editor-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sync-editor-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.sync-editor-progress{color:var(--accent-indigo);font-size:.8rem;font-weight:600}.sync-editor-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.sync-editor-close:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.sync-editor-hint{color:var(--text-muted);margin-bottom:12px;font-size:.74rem;line-height:1.5}.sync-editor-lines{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);max-height:260px;margin-bottom:12px;overflow-y:auto}.sync-editor-lines--recording{max-height:200px}.sync-editor-line{transition:background var(--transition-fast),color var(--transition-fast);align-items:baseline;gap:10px;padding:6px 14px;font-size:.82rem;line-height:1.6;display:flex}.sync-editor-line-num{min-width:24px;color:var(--text-muted);text-align:right;flex-shrink:0;font-size:.7rem}.sync-editor-line--pending{color:var(--text-secondary)}.sync-editor-line--current{color:var(--text-primary);background:var(--accent-indigo);font-weight:600}@supports (color:color-mix(in lab, red, red)){.sync-editor-line--current{background:color-mix(in srgb,var(--accent-indigo)10%,transparent)}}.sync-editor-line--current{border-left:3px solid var(--accent-indigo)}.sync-editor-line--stamped{color:var(--accent-green);opacity:.6}.sync-editor-lines--editable{max-height:280px}.sync-editor-line--editable{align-items:center;gap:6px;padding:4px 10px;display:flex}.sync-editor-line-input{color:var(--text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:2px 4px;font-size:.82rem;line-height:1.6}.sync-editor-line-input:focus{color:var(--text-primary);border-bottom-color:var(--accent-indigo)}.sync-editor-line-actions{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:2px;display:flex}.sync-editor-line--editable:hover .sync-editor-line-actions,.sync-editor-line--editable:focus-within .sync-editor-line-actions{opacity:1}.sync-editor-line-action-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.sync-editor-line-action-btn:hover:not(:disabled){color:var(--text-primary);background:var(--glass-bg-hover)}.sync-editor-line-action-btn--remove:hover:not(:disabled){color:var(--accent-pink)}.sync-editor-line-action-btn:disabled{opacity:.25;cursor:default}.sync-editor-hint--edit{opacity:.7;margin-top:-6px;font-style:italic}.sync-editor-controls{align-items:center;gap:10px;display:flex}.sync-editor-undo-btn{border:1px solid var(--border-light);background:var(--glass-bg);width:44px;height:44px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sync-editor-undo-btn:hover:not(:disabled){color:var(--text-primary);background:var(--glass-bg-hover)}.sync-editor-undo-btn:disabled{opacity:.35;cursor:default}.sync-editor-playpause-btn{border:1px solid var(--border-light);background:var(--glass-bg);width:44px;height:44px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sync-editor-playpause-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.sync-editor-mark-btn{color:#fff;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink));border-radius:var(--radius-md);cursor:pointer;height:48px;transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent;border:none;flex:1;font-size:.9rem;font-weight:700}.sync-editor-mark-btn:active{opacity:.85}.sync-editor-start-btn{color:#fff;background:var(--accent-indigo);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background var(--transition-fast);border:none;padding:12px;font-size:.85rem;font-weight:600}.sync-editor-start-btn:hover{background:var(--accent-indigo-hover)}.sync-editor-preview-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.sync-editor-btn{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:8px 16px;font-size:.8rem;font-weight:600}.sync-editor-btn--primary{color:#fff;background:var(--accent-indigo);flex:1}.sync-editor-btn--primary:hover{background:var(--accent-indigo-hover)}.sync-editor-btn--secondary{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--border-light)}.sync-editor-btn--secondary:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.sync-editor-resume{border-radius:var(--radius-md);background:var(--accent-indigo);margin-top:4px;padding:12px}@supports (color:color-mix(in lab, red, red)){.sync-editor-resume{background:color-mix(in srgb,var(--accent-indigo)8%,transparent)}}.sync-editor-resume{border:1px solid var(--accent-indigo)}@supports (color:color-mix(in lab, red, red)){.sync-editor-resume{border:1px solid color-mix(in srgb,var(--accent-indigo)20%,transparent)}}.sync-editor-resume-text{color:var(--text-secondary);margin-bottom:10px;font-size:.78rem;line-height:1.5}.sync-editor-resume-actions{align-items:center;gap:8px;display:flex}.sync-editor-lines--adjust{max-height:300px}.sync-editor-adjust-line{border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;padding:4px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.sync-editor-adjust-line{border-bottom:1px solid color-mix(in srgb,var(--border-subtle)50%,transparent)}}.sync-editor-adjust-line:last-child{border-bottom:none}.sync-editor-adjust-ts-btn{font-family:var(--font-mono,monospace);color:var(--accent-indigo);cursor:pointer;border-radius:var(--radius-sm);min-width:42px;transition:background var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:4px;font-size:.68rem}.sync-editor-adjust-ts-btn:hover{background:var(--glass-bg-hover)}.sync-editor-adjust-input{min-width:0;color:var(--text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:2px 4px;font-size:.78rem;line-height:1.6}.sync-editor-adjust-input:focus{color:var(--text-primary);border-bottom-color:var(--accent-indigo)}.sync-editor-adjust-btns{flex-shrink:0;align-items:center;gap:2px;display:flex}.sync-editor-adjust-btn{border:1px solid var(--border-light);background:var(--glass-bg);width:26px;height:26px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.sync-editor-adjust-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.sync-editor-error{color:var(--accent-pink);margin-top:8px;font-size:.75rem}.sync-editor-submitting{color:var(--text-muted);font-size:.85rem}.sync-editor-success{color:var(--accent-green);flex-direction:column;align-items:center;gap:12px;font-size:.9rem;font-weight:600;display:flex}@media (max-width:480px){.lyrics-window{padding:0 12px}.lyrics-plain{padding:20px 12px}.lyrics-sync-card,.sync-cta{padding:10px 12px}.sync-editor{padding:12px}}.mosaic-container{padding:20px 24px 40px}.mosaic-section-header{align-items:center;gap:8px;padding-bottom:14px;display:flex}.mosaic-section-header:after{content:"";background:#ffffff12;flex:1;height:1px;margin-left:8px}.mosaic-section-icon{color:var(--accent-indigo)}.mosaic-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.72rem;font-weight:700}.mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-rows:190px;grid-auto-flow:dense;gap:6px;display:grid}.mosaic-loading{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.mosaic-spinner{color:var(--accent-indigo);animation:1s linear infinite spin}.mosaic-empty-icon{opacity:.25}.mosaic-tile{cursor:pointer;border-radius:var(--radius-md);color:#fff;text-decoration-line:none;animation:.5s ease-out both tileIn;position:relative;overflow:hidden}.mosaic-tile-featured{grid-area:span 2/span 2}.mosaic-tile-inner{width:100%;height:100%;position:relative}.mosaic-tile-img{object-fit:cover;transition:transform .5s,filter .3s}.mosaic-tile:hover .mosaic-tile-img{filter:brightness(.6);transform:scale(1.08)}.mosaic-tile-duration{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;z-index:2;opacity:0;transition:opacity var(--transition-normal);background:#000000b3;align-items:center;gap:3px;padding:2px 7px;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.mosaic-tile:hover .mosaic-tile-duration{opacity:1}.mosaic-tile-overlay{inset:calc(var(--spacing)*0);opacity:0;z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .35s;display:flex;position:absolute}.mosaic-tile:hover .mosaic-tile-overlay{opacity:1}.mosaic-tile-play{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink));width:52px;height:52px;box-shadow:0 0 30px var(--glow-indigo),0 4px 20px #0006;border-radius:3.40282e38px;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.7)}.mosaic-tile:hover .mosaic-tile-play{transform:scale(1)}.mosaic-tile-add{cursor:pointer;opacity:0;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1f;border:1px solid #fff3;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:8px;left:8px;transform:translateY(-4px)}.mosaic-tile:hover .mosaic-tile-add{opacity:1;transform:translateY(0)}.mosaic-tile-add:hover{background:var(--accent-indigo);border-color:var(--accent-indigo);transform:scale(1.15)!important}.mosaic-tile-info{right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);opacity:0;z-index:3;background:linear-gradient(#0000 0%,#000000e6 100%);padding:40px 12px 10px;transition:opacity .3s,transform .3s;position:absolute;bottom:0;transform:translateY(5px)}.mosaic-tile:hover .mosaic-tile-info,.mosaic-tile-featured .mosaic-tile-info{opacity:1;transform:translateY(0)}.mosaic-tile-title{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden}.mosaic-tile-artist{color:#ffffffb3;margin-top:1px;font-size:.72rem}.mosaic-tile-views{color:#ffffff73;margin-top:1px;font-size:.65rem}.mosaic-load-more{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;letter-spacing:.03em;background:#ffffff0a;border:1px dashed #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.78rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:flex}.mosaic-load-more:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#ffffff38}.mosaic-load-more:disabled,.mosaic-load-more--loading{cursor:default;pointer-events:none}.related-artist-link{color:var(--accent-indigo);transition:color var(--transition-fast);flex-shrink:0;align-items:center;gap:2px;margin-left:auto;font-size:.72rem;font-weight:600;text-decoration-line:none;display:flex}.related-artist-link:hover{color:var(--accent-indigo-hover)}.related-albums-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.related-album-card{color:var(--text-primary);transition:transform var(--transition-fast);text-decoration-line:none}.related-album-card:hover{transform:translateY(-2px)}.related-album-card:hover .artist-album-img{transform:scale(1.04)}.mosaic-tile--playing .mosaic-tile-inner:after{content:"";pointer-events:none;inset:calc(var(--spacing)*0);z-index:4;border-radius:var(--radius-md);box-shadow:inset 0 0 0 2px var(--accent-indigo),inset 0 0 20px #6366f14d;animation:2.4s ease-in-out infinite tileBorderPulse;position:absolute}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:220px;gap:6px;display:grid}.artist-grid-sentinel{color:var(--text-muted);grid-column:1/-1;justify-content:center;padding:20px 0;display:flex}.artist-tile{cursor:pointer;border-radius:var(--radius-md);color:#fff;text-decoration-line:none;animation:.5s ease-out both tileIn;position:relative;overflow:hidden}.artist-tile-inner{width:100%;height:100%;position:relative}.artist-tile-img{object-fit:cover;transition:transform .5s,filter .3s}.artist-tile:hover .artist-tile-img{filter:brightness(.55);transform:scale(1.07)}.artist-tile-placeholder{background:var(--bg-elevated);width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.artist-tile-overlay{inset:calc(var(--spacing)*0);opacity:0;z-index:3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute}.artist-tile:hover .artist-tile-overlay{opacity:1}.artist-tile-play{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink));width:52px;height:52px;box-shadow:0 0 30px var(--glow-indigo),0 4px 20px #0006;border-radius:3.40282e38px;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.75)}.artist-tile:hover .artist-tile-play{transform:scale(1)}.artist-tile-info{right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:3;background:linear-gradient(#0000 0%,#000000eb 100%);padding:44px 10px 10px;position:absolute;bottom:0}.artist-tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;line-height:1.2;overflow:hidden}.artist-tile-genre{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;color:#fff9;margin-top:2px;font-size:.72rem;overflow:hidden}.artist-tile-followers{color:#fff6;align-items:center;gap:3px;margin-top:2px;font-size:.72rem;display:flex}.artist-tile--lg{grid-row:span 2}.artist-tile--lg .artist-tile-name{font-size:1rem}.artist-tile--lg .artist-tile-genre{font-size:.75rem}.artist-tile--lg .artist-tile-followers{font-size:.7rem}.artist-tile--lg .artist-tile-play{width:64px;height:64px}.artist-grid-section{margin-top:32px}.artist-grid-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.artist-grid-icon{color:var(--accent-pink)}.artist-grid-title{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.artist-card{cursor:pointer;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--transition-normal);overflow:hidden}.artist-card:hover{box-shadow:0 8px 30px #0000004d,0 0 20px var(--glow-indigo);border-color:#6366f133;transform:translateY(-4px)}.artist-card-thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.artist-card-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.artist-card:hover .artist-card-img{transform:scale(1.05)}.artist-card-overlay{inset:calc(var(--spacing)*0);opacity:0;transition:opacity var(--transition-normal);background:#00000080;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute}.artist-card:hover .artist-card-overlay{opacity:1}.artist-card-play{cursor:pointer;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink));color:#fff;width:48px;height:48px;transition:transform var(--transition-fast);box-shadow:0 0 20px var(--glow-indigo);border:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.artist-card-play:hover{transform:scale(1.1)}.artist-card-add{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff26;border:1px solid #fff3;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.artist-card-add:hover{background:#ffffff40;transform:scale(1.1)}.artist-card-duration{color:#fff;font-variant-numeric:tabular-nums;background:#000000d9;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600;position:absolute;bottom:6px;right:6px}.artist-card-info{padding:12px 14px}.artist-card-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:.85rem;font-weight:600;line-height:1.3;overflow:hidden}.artist-card-artist{color:var(--text-secondary);margin-bottom:2px;font-size:.78rem}.artist-card-views{color:var(--text-muted);font-size:.7rem}.artist-page-loading{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.artist-page{padding-bottom:40px}.artist-hero{align-items:flex-end;height:320px;display:flex;position:relative;overflow:hidden}.artist-hero-bg{inset:calc(var(--spacing)*0);z-index:0;position:absolute}.artist-hero-bg-img{object-fit:cover;filter:brightness(.35)saturate(.8)blur(12px);scale:1.05}.artist-hero:after{content:"";inset:calc(var(--spacing)*0);background:linear-gradient(to bottom,transparent 20%,var(--bg-primary)100%);z-index:1;position:absolute}.artist-hero-content{z-index:2;align-items:flex-end;gap:20px;width:100%;padding:0 28px 24px;display:flex;position:relative}.artist-hero-avatar{border-radius:var(--radius-lg);border:2px solid #ffffff1f;flex-shrink:0;width:110px;height:110px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.artist-hero-avatar-img{object-fit:cover}.artist-hero-meta{min-width:calc(var(--spacing)*0);flex:1}.artist-hero-name{letter-spacing:-.03em;margin-bottom:8px;font-size:2.2rem;font-weight:900;line-height:1}.artist-hero-stats{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.artist-hero-followers{color:var(--text-secondary);align-items:center;gap:4px;font-size:.78rem;display:flex}.artist-hero-genre{text-transform:capitalize;border-radius:var(--radius-sm);color:var(--accent-indigo);background:#6366f133;border:1px solid #6366f14d;padding:2px 8px;font-size:.72rem;font-weight:600}.artist-hero-actions{align-items:center;gap:10px;display:flex}.artist-play-all{cursor:pointer;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink));color:#fff;transition:all var(--transition-normal);box-shadow:0 4px 20px var(--glow-indigo);border:none;align-items:center;gap:7px;padding:8px 20px;font-size:.82rem;font-weight:700;display:inline-flex}.artist-play-all:hover{box-shadow:0 6px 28px var(--glow-indigo);transform:translateY(-1px)}.artist-play-all:disabled{cursor:not-allowed;opacity:.5;transform:none}.artist-section{padding:16px 28px}.artist-albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.artist-album-card{cursor:pointer}.artist-album-cover{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;margin-bottom:8px;position:relative;overflow:hidden}.artist-album-img{object-fit:cover;transition:transform .3s}.artist-album-card:hover .artist-album-img{transform:scale(1.04)}.artist-album-overlay{inset:calc(var(--spacing)*0);opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute}.artist-album-card:hover .artist-album-overlay{opacity:1}.artist-album-name{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;line-height:1.3;overflow:hidden}.artist-album-year{text-transform:capitalize;color:var(--text-muted);margin-top:2px;font-size:.68rem}.artist-tracklist{flex-direction:column;display:flex}.artist-track{cursor:pointer;--tw-border-style:none;text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:background var(--transition-fast);background-color:#0000;border-style:none;align-items:center;gap:12px;padding:8px 10px;display:flex}.artist-track:hover{background:var(--glass-bg-hover)}.artist-track:disabled{opacity:.7;cursor:wait}.artist-track-num{font-variant-numeric:tabular-nums;width:24px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;display:flex}.artist-track:hover .artist-track-num{color:var(--accent-indigo-hover)}.artist-track-thumb{border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px;overflow:hidden}.artist-track-thumb-img{object-fit:cover;width:40px;height:40px;display:block}.artist-track-info{min-width:calc(var(--spacing)*0);flex-direction:column;flex:1;gap:1px;display:flex}.artist-track-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:500;line-height:1.3;overflow:hidden}.artist-track-album{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.72rem;overflow:hidden}.artist-track-queue{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:flex}.artist-track:hover .artist-track-queue{opacity:1}.artist-track-queue:hover{background:var(--glass-bg-hover);color:var(--accent-indigo)}.artist-track-duration{font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0;align-items:center;gap:4px;font-size:.72rem;display:flex}.artist-discovery-btn{cursor:pointer;border-radius:var(--radius-full);color:var(--accent-indigo);transition:all var(--transition-normal);background:#6366f11f;border:1px solid #6366f140;align-items:center;gap:8px;padding:10px 22px;font-size:.84rem;font-weight:600;display:inline-flex}.artist-discovery-btn:hover{background:#6366f133;border-color:#6366f166;box-shadow:0 0 20px #6366f126}.artist-discovery-btn:disabled{cursor:wait;opacity:.6}.artist-discovery-result .mosaic-section-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.artist-discovery-play-all{cursor:pointer;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink));color:#fff;transition:all var(--transition-normal);box-shadow:0 2px 12px var(--glow-indigo);border:none;align-items:center;gap:5px;margin-left:auto;padding:5px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.artist-discovery-play-all:hover{box-shadow:0 4px 18px var(--glow-indigo);transform:translateY(-1px)}.artist-discovery-explanation{border-radius:var(--radius-md);background:#6366f10f;border:1px solid #6366f11f;margin-bottom:16px;padding:14px 16px}.artist-discovery-explanation p{color:var(--text-secondary);font-size:.82rem;line-height:1.6}.artist-discovery-translate{cursor:pointer;border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:1px solid #6366f133;align-items:center;gap:5px;margin-top:10px;padding:4px 12px;font-size:.72rem;font-weight:500;display:inline-flex}.artist-discovery-translate:hover{color:var(--accent-indigo);border-color:#6366f166}.artist-discovery-translate:disabled{cursor:wait;opacity:.5}@media (max-width:480px){.artist-hero{height:auto;min-height:260px}.artist-hero-content{padding:0 16px 20px}.artist-hero-avatar{width:80px;height:80px}.artist-hero-name{font-size:1.5rem}.artist-tile--lg{grid-row:span 1}}.home-layout{min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h))}.home-hero{text-align:center;padding:40px 32px 8px}.home-hero-text{animation:.6s ease-out fadeInDown}.home-title{letter-spacing:-.04em;margin-bottom:6px;font-size:3rem;font-weight:900;line-height:1}.home-title-gradient{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-pink),var(--accent-cyan));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}.home-subtitle{color:var(--text-muted);font-size:1rem;font-weight:400}.watch-layout{height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));animation:.4s ease-out watchIn;display:flex;overflow:hidden}.watch-main{min-width:calc(var(--spacing)*0);padding:calc(var(--pp-theater-total-h) + 16px)28px 24px;flex:1;overflow-y:auto}.watch-track-meta{margin-bottom:16px}.watch-track-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:1.1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.watch-track-artist{color:var(--text-secondary);font-size:.85rem}.watch-more{margin-top:8px}.watch-more .mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:140px}.watch-more .mosaic-tile-featured{grid-area:span 1/span 1}.not-found-layout{min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h));justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.not-found-ambient{pointer-events:none;z-index:0;position:absolute;inset:0}.not-found-orb{border-radius:var(--radius-full);filter:blur(72px);opacity:.35;position:absolute}.not-found-orb--indigo{background:radial-gradient(circle,#6366f19e 0%,#6366f100 72%);width:520px;height:520px;top:-160px;left:-110px}.not-found-orb--pink{background:radial-gradient(circle,#ec48997a 0%,#ec489900 72%);width:420px;height:420px;top:25%;right:-120px}.not-found-orb--cyan{background:radial-gradient(circle,#22d3ee5c 0%,#22d3ee00 70%);width:360px;height:360px;bottom:-120px;left:32%}.not-found-card{z-index:1;text-align:center;border-radius:var(--radius-xl);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(145deg,#6366f11f,#6366f100 42%),linear-gradient(300deg,#ec48991a,#ec489900 44%),#151522db;width:100%;max-width:720px;padding:34px 30px 28px;animation:.32s ease-out fadeInDown;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 28px 62px #00000075,0 8px 28px #0000005c}.not-found-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);background:#ffffff0f;margin-bottom:8px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.not-found-code{font-family:var(--font-logo-bebas),sans-serif;letter-spacing:.08em;background:linear-gradient(135deg,#fff,var(--accent-indigo),var(--accent-pink),var(--accent-cyan));-webkit-text-fill-color:transparent;background-size:220% 220%;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(5.2rem,16vw,8.8rem);line-height:.86;animation:8s infinite gradientShift}.not-found-title{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(1.5rem,3.6vw,2.2rem);line-height:1.1}.not-found-copy{max-width:58ch;color:var(--text-secondary);margin:0 auto;font-size:.98rem;line-height:1.65}.not-found-wave{justify-content:center;align-items:flex-end;gap:6px;height:48px;margin:18px auto 20px;display:flex}.not-found-wave-bar{border-radius:var(--radius-full);background:linear-gradient(180deg,var(--accent-cyan),var(--accent-indigo),var(--accent-pink));width:4px;height:14px;animation:1.5s ease-in-out infinite notFoundWave;box-shadow:0 0 10px #6366f173}.not-found-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.not-found-btn{cursor:pointer;border-radius:var(--radius-full);border:1px solid var(--border-light);min-height:44px;color:var(--text-primary);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);background:#ffffff08;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.92rem;font-weight:650;line-height:1;text-decoration-line:none;display:inline-flex}.not-found-btn:hover{background:#ffffff14;border-color:#ffffff3d;transform:translateY(-1px)}.not-found-btn:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.not-found-btn--primary{background:linear-gradient(135deg,#6366f159,#ec489933);border-color:#6366f180;box-shadow:0 12px 28px #6366f140}.not-found-btn--primary:hover{background:linear-gradient(135deg,#6366f17a,#ec48994d);border-color:#6366f1b8}@media (prefers-reduced-motion:reduce){.not-found-card,.not-found-code,.not-found-wave-bar{animation:none}}.public-profile{max-width:720px;min-height:100dvh;margin-inline:auto;padding:48px 24px 120px}.public-profile-hero{border-bottom:1px solid var(--border-subtle,#ffffff14);flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:32px;display:flex}.public-profile-avatar{border-radius:var(--radius-full,9999px);object-fit:cover;border:2px solid #8b5cf64d;width:96px;height:96px}.public-profile-avatar--fallback{color:#fff;background:linear-gradient(140deg,#7c3aed 0%,#4c1d95 100%);justify-content:center;align-items:center;font-size:36px;font-weight:700;display:flex}.public-profile-name{letter-spacing:-.5px;color:var(--text-primary,#f8fafc);margin:0;font-size:28px;font-weight:700}.public-profile-username{color:var(--text-muted,#94a3b8);margin:0;font-size:15px}.public-profile-bio{color:var(--text-secondary,#cbd5e1);text-align:center;max-width:480px;margin:4px 0 0;font-size:15px;line-height:1.5}.public-profile-stats{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:8px;display:flex}.public-profile-stat{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;font-size:13px;display:flex}.public-profile-stat--clickable{font:inherit;cursor:pointer;transition:color var(--transition-fast,.15s ease);background:0 0;border:none;outline:none;padding:0}.public-profile-stat--clickable:hover{color:var(--text-secondary,#cbd5e1)}.public-profile-actions{align-items:center;gap:10px;margin-top:8px;display:flex}.public-profile-copy{border-radius:var(--radius-full,9999px);border:1px solid var(--border-subtle,#ffffff14);color:var(--text-secondary,#cbd5e1);cursor:pointer;background:#ffffff0f;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.public-profile-copy:hover{color:var(--text-primary,#f8fafc);background:#ffffff1a}.public-profile-section-title{color:var(--text-primary,#f8fafc);margin:0 0 16px;font-size:18px;font-weight:600}.public-profile-empty{color:var(--text-muted,#94a3b8);font-size:14px}.public-profile-playlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.public-profile-playlist-card{border-radius:var(--radius-lg,12px);background:var(--bg-surface,#ffffff0a);border:1px solid var(--border-subtle,#ffffff14);flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.public-profile-playlist-card:hover{background:#ffffff12;border-color:#8b5cf64d}.public-profile-playlist-name{color:var(--text-primary,#f8fafc);margin:0;font-size:15px;font-weight:500}.public-profile-playlist-meta{color:var(--text-muted,#94a3b8);margin:0;font-size:12px}@media (max-width:640px){.public-profile{padding:32px 16px 120px}.public-profile-avatar{width:72px;height:72px}.public-profile-avatar--fallback{font-size:28px}.public-profile-name{font-size:22px}.public-profile-playlist-grid{grid-template-columns:1fr}}.public-playlist{max-width:720px;min-height:100dvh;margin-inline:auto;padding:48px 24px 120px}.public-playlist-hero{border-bottom:1px solid var(--border-subtle,#ffffff14);gap:24px;margin-bottom:24px;padding-bottom:32px;display:flex}.public-playlist-cover{border-radius:var(--radius-lg,12px);border:1px solid var(--border-subtle,#ffffff14);flex-shrink:0;width:200px;height:200px;overflow:hidden}.public-playlist-mosaic{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.public-playlist-mosaic-img,.public-playlist-cover-img{object-fit:cover;width:100%;height:100%}.public-playlist-cover-empty{background:linear-gradient(135deg,#22c55e26 0%,#14532d4d 100%);width:100%;height:100%}.public-playlist-info{flex-direction:column;justify-content:center;gap:8px;min-width:0;display:flex}.public-playlist-name{letter-spacing:-.5px;color:var(--text-primary,#f8fafc);margin:0;font-size:28px;font-weight:700}.public-playlist-owner{color:var(--text-secondary,#cbd5e1);align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.public-playlist-owner:hover{color:var(--text-primary,#f8fafc)}.public-playlist-owner-avatar{border-radius:var(--radius-full,9999px);object-fit:cover;width:24px;height:24px}.public-playlist-meta{color:var(--text-muted,#94a3b8);margin:0;font-size:13px}.public-playlist-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.public-playlist-play{border-radius:var(--radius-full,9999px);background:var(--accent-green,#4ade80);color:#0f172a;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.public-playlist-play:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.public-playlist-play:disabled{opacity:.5;cursor:not-allowed}.public-playlist-copy-btn{border-radius:var(--radius-full,9999px);border:1px solid var(--border-subtle,#ffffff14);color:var(--text-secondary,#cbd5e1);cursor:pointer;background:#ffffff0f;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.public-playlist-copy-btn:hover:not(:disabled){color:var(--text-primary,#f8fafc);background:#ffffff1a}.public-playlist-copy-btn:disabled{opacity:.5;cursor:not-allowed}.public-playlist-share,.public-playlist-link{border-radius:var(--radius-full,9999px);border:1px solid var(--border-subtle,#ffffff14);width:36px;height:36px;color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff0f;justify-content:center;align-items:center;transition:all .2s;display:flex}.public-playlist-share:hover,.public-playlist-link:hover{color:var(--text-primary,#f8fafc);background:#ffffff1a}.public-playlist-tracks{flex-direction:column;display:flex}.public-playlist-track{border-radius:var(--radius-md,8px);color:inherit;text-align:start;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .15s;display:flex}.public-playlist-track:hover{background:#ffffff0a}.public-playlist-track-num{width:28px;color:var(--text-muted,#94a3b8);text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.public-playlist-track-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:36px}.public-playlist-track-info{flex:1;min-width:0}.public-playlist-track-title{color:var(--text-primary,#f8fafc);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.public-playlist-track-artist{color:var(--text-muted,#94a3b8);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.public-playlist-track-duration{color:var(--text-muted,#94a3b8);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}@media (max-width:640px){.public-playlist{padding:32px 16px 120px}.public-playlist-hero{text-align:center;flex-direction:column;align-items:center}.public-playlist-cover{width:160px;height:160px}.public-playlist-info{align-items:center}.public-playlist-actions{justify-content:center}.public-playlist-name{font-size:22px}}.follow-button{border-radius:var(--radius-full,9999px);cursor:pointer;transition:all var(--transition-fast,.15s ease);border:1px solid var(--accent-indigo,#6366f1);background:var(--accent-indigo,#6366f1);color:#fff;outline:none;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;display:flex}.follow-button:hover{background:var(--accent-indigo-hover,#818cf8);border-color:var(--accent-indigo-hover,#818cf8)}.follow-button:focus-visible{outline:2px solid var(--accent-indigo,#6366f1);outline-offset:2px}.follow-button--following{border:1px solid var(--border-light,#ffffff1a);color:var(--text-secondary,#cbd5e1);background:0 0}.follow-button--following:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.follow-button:disabled{opacity:.6;cursor:default}.follow-button-spinner{animation:1s linear infinite spin}.follow-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}.follow-modal{border-radius:var(--radius-lg,14px);background:var(--bg-elevated,#252538);border:1px solid var(--border-subtle,#ffffff14);flex-direction:column;width:100%;max-width:400px;max-height:70vh;margin:16px;animation:.2s modal-in;display:flex;overflow:hidden}.follow-modal-header{border-bottom:1px solid var(--border-subtle,#ffffff14);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.follow-modal-header h2{color:var(--text-primary,#f0f0f8);margin:0;font-size:16px;font-weight:600}.follow-modal-close{color:var(--text-muted,#606078);cursor:pointer;transition:color var(--transition-fast,.15s ease);background:0 0;border:none;border-radius:6px;outline:none;padding:4px}.follow-modal-close:hover{color:var(--text-primary,#f0f0f8)}.follow-modal-list{flex:1;padding:8px 0;overflow-y:auto}.follow-modal-empty{text-align:center;color:var(--text-muted,#606078);margin:0;padding:32px 20px;font-size:14px}.follow-modal-user{transition:background var(--transition-fast,.15s ease);align-items:center;gap:12px;padding:10px 20px;text-decoration:none;display:flex}.follow-modal-user:hover{background:var(--glass-bg-hover,#ffffff0f)}.follow-modal-avatar{border-radius:var(--radius-full,9999px);object-fit:cover;flex-shrink:0;width:36px;height:36px}.follow-modal-avatar--fallback{color:#fff;background:linear-gradient(140deg,#7c3aed 0%,#4c1d95 100%);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.follow-modal-user-info{flex-direction:column;min-width:0;display:flex}.follow-modal-user-name{color:var(--text-primary,#f0f0f8);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.follow-modal-user-username{color:var(--text-muted,#606078);font-size:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.badge-display{flex-wrap:wrap;gap:6px;display:flex}.badge-chip{color:var(--badge-color,var(--accent-indigo));background:var(--badge-color,var(--accent-indigo));border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.badge-chip{background:color-mix(in srgb,var(--badge-color,var(--accent-indigo))12%,transparent)}}.badge-chip{border:1px solid var(--badge-color,var(--accent-indigo))}@supports (color:color-mix(in lab, red, red)){.badge-chip{border:1px solid color-mix(in srgb,var(--badge-color,var(--accent-indigo))25%,transparent)}}.badge-chip{white-space:nowrap;line-height:1.4}.badge-chip-label{line-height:1}.leaderboard{max-width:720px;margin:0 auto;padding:48px 24px 96px}.leaderboard-header{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:24px;display:flex}.leaderboard-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.leaderboard-tabs{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);gap:4px;margin-bottom:24px;padding:4px;display:flex}.leaderboard-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)ease;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.leaderboard-tab:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.leaderboard-tab--active{background:var(--bg-surface-hover);color:var(--text-primary)}.leaderboard-list{transition:opacity var(--transition-fast)ease;flex-direction:column;gap:6px;display:flex}.leaderboard-list--loading{opacity:.5;pointer-events:none}.leaderboard-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)ease;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.leaderboard-card:hover{background:var(--glass-bg-hover);border-color:var(--border-subtle)}.leaderboard-card--viewer{border-color:var(--accent-indigo)}@supports (color:color-mix(in lab, red, red)){.leaderboard-card--viewer{border-color:color-mix(in srgb,var(--accent-indigo)40%,transparent)}}.leaderboard-card--viewer{background:var(--accent-indigo)}@supports (color:color-mix(in lab, red, red)){.leaderboard-card--viewer{background:color-mix(in srgb,var(--accent-indigo)5%,transparent)}}.leaderboard-rank{text-align:center;width:32px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.leaderboard-avatar-wrap{flex-shrink:0}.leaderboard-avatar{border-radius:var(--radius-full);object-fit:cover;width:36px;height:36px}.leaderboard-avatar--fallback{background:var(--bg-surface-hover);color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.leaderboard-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.leaderboard-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.leaderboard-username{color:var(--text-muted);font-size:12px}.leaderboard-badges{flex-shrink:0;display:none}@media (min-width:640px){.leaderboard-badges{display:flex}}.leaderboard-stat{color:var(--accent-indigo);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.leaderboard-empty{text-align:center;color:var(--text-muted);padding:48px 0}.leaderboard-viewer-hint{color:var(--text-secondary);text-align:center;background:var(--accent-indigo);margin-bottom:16px;padding:8px 16px;font-size:13px}@supports (color:color-mix(in lab, red, red)){.leaderboard-viewer-hint{background:color-mix(in srgb,var(--accent-indigo)8%,transparent)}}.leaderboard-viewer-hint{border-radius:var(--radius-md)}@media (max-width:640px){.leaderboard{padding:32px 16px 96px}.leaderboard-tab{padding:6px 8px;font-size:12px}.leaderboard-card{gap:8px;padding:10px 12px}.leaderboard-rank{width:24px;font-size:12px}}@media (max-width:1024px){.app-content{flex-direction:column}.watch-layout{flex-direction:column;height:auto;display:flex;overflow:visible}.watch-track-meta{display:none}.playlist-sidebar{width:100%;height:calc(var(--pp-theater-total-h) - var(--header-h) + 280px);border-top:none;border-left:none;border-bottom:1px solid var(--border-subtle);z-index:auto;flex-shrink:0;order:1;max-height:none;position:static}.watch-main{min-height:0;padding:12px 20px calc(var(--pp-mini-h) + 16px);flex:none;order:2;overflow-y:visible}.main-area{max-height:none;padding:16px 20px}.mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:150px}.mosaic-tile-featured{grid-area:span 1/span 2}:root{--pp-theater-video-h:40dvh}}@media (max-width:900px){.header-inner{padding:0 20px}.header-search{max-width:320px;margin:0 12px}}@media (max-width:768px){.header-inner{padding:0 16px}.header-search{max-width:none;margin:0 8px}.search-input{font-size:1rem}.header-version,.header-logo .logo-icon-wrapper{display:none}.header-logo .logo-wordmark-base{letter-spacing:.03em;font-size:1.06rem}.auth-login-btn{border-radius:var(--radius-full);justify-content:center;width:34px;height:34px;padding:0}.auth-login-btn span{display:none}.main-area{padding:12px 16px}.playlist-sidebar{height:calc(var(--pp-theater-total-h) - var(--header-h) + 260px)}.watch-main{padding:12px 16px calc(var(--pp-mini-h) + 16px)}.mosaic-container{padding:12px 12px 32px}.mosaic-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:4px}.mosaic-tile-featured{grid-area:span 1/span 2}.home-title{font-size:2rem}.home-hero{padding:24px 16px 4px}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.not-found-layout{padding:18px 12px}.not-found-card{padding:28px 16px 20px}.not-found-title{font-size:1.5rem}.not-found-copy{font-size:.92rem;line-height:1.55}.not-found-wave{gap:4px}.not-found-actions{flex-direction:column;align-items:stretch}.not-found-btn{width:100%}.watch-more .mosaic-grid{grid-template-columns:none;grid-auto-rows:unset;scrollbar-width:none;flex-direction:row;gap:8px;padding-bottom:8px;display:flex;overflow:auto hidden}.watch-more .mosaic-grid::-webkit-scrollbar{display:none}.watch-more .mosaic-grid .mosaic-tile{grid-column:unset;grid-row:unset;flex:0 0 140px;min-width:140px;height:90px}.watch-more .mosaic-tile-featured{flex:0 0 140px;height:90px}:root{--pp-theater-video-h:35vw}.pp-time{display:none}.pp-volume-slider{width:48px}.lyrics-window{padding:0 16px}.lyrics-toggle{padding:10px 14px}.lyrics-toggle-right{gap:6px}.lyrics-sync-toggle{letter-spacing:.04em;height:24px;padding:0 8px;font-size:.62rem}.lyrics-sync-status{gap:5px}.lyrics-sync-value{font-size:.72rem}.lyrics-sync-auto-tag{display:none}.lyrics-sync-card{padding:12px 16px 10px}.lyrics-sync-hint{font-size:.7rem}.lyrics-sync-actions{gap:4px}.lyrics-sync-btn{min-width:30px;height:26px;padding:0 8px}.lyrics-sync-scale{font-size:.6rem}.lyrics-line--active{font-size:1.2rem}.lyrics-line--prev,.lyrics-line--next{font-size:.85rem}}@media (max-width:400px){.mosaic-grid{grid-auto-rows:100px;gap:3px}.mosaic-container{padding:8px 8px 28px}.main-area{padding:10px}}@media (pointer:coarse){.mosaic-tile-duration{opacity:1}.mosaic-tile-add{opacity:.85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;transform:translateY(0)}.mosaic-tile-info{opacity:1;transform:translateY(0)}.artist-card-overlay{opacity:1;background:#0000004d}.pp-volume-slider{width:48px;overflow:visible}.playlist-track-remove{opacity:.7}.artist-album-overlay{opacity:.6}.pp-timeline-dot{transform:translate(-50%,-50%)scale(1)}.pp-drag-handle:before{opacity:.35}.pp-drag-handle:after{opacity:.72}.pp-pip-toolbar{opacity:1}.pp-btn{min-width:44px;min-height:44px}.pp-btn-play{width:44px;height:44px}.pp-timeline{height:8px}.playlist-track-remove{min-width:44px;min-height:44px}.header-version{align-items:center;min-height:44px;display:inline-flex}.player-btn{min-width:44px;min-height:44px}.artist-play-all{min-height:44px}.playlist-clear{min-width:44px;min-height:44px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}