@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/3dddc7aa96062c91-s.3hj06t9-fdplt.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d50510d994ab0074-s.2ch_0577yepja.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/13958cae6c93c43e-s.p.2hvcnh59x4e6z.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41c98a3b1bc68f3a-s.3xzwb88tucl-q.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e84c5cd1ffbefa6f-s.20csvlgbb63y1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dd9dfc3601372168-s.p.17e3l4txdrufi.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/599675dea67dcb8d-s.0ewdtdf6ai7o-.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/cdf6f527ee34c972-s.03ilua6xb7p2f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/22a701959b157a82-s.p.1bg6trwi21i5q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b6340a83cf1ecee-s.2bakuypqc5dou.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d89abe7e263475e6-s.0fg7ryy-bp2x_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6bafae418e8a1b08-s.p.2g9xiodaln20i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c0743afb7b1f57bc-s.3a_7qwcscqi0t.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b0b9e5e07c9deaa9-s.22w-t0ek6hrfw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/76e9fd951b869c7b-s.p.1n2oi-d4a-xww.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.HFRlXa_className{font-family:Poppins,Poppins Fallback;font-style:normal}.HFRlXa_variable{--font-poppins:"Poppins", "Poppins Fallback"}
:root{--orange-100:#f7e4d9;--orange-200:#eec3aa;--orange-300:#e0976d;--orange-400:#d07a4a;--orange-500:#be5c2b;--orange-600:#a04c22;--orange-700:#823d1b;--orange-800:#5f2c13;--yellow-300:#fdffb0;--yellow-400:#fcff94;--yellow-500:#fbff7a;--yellow-600:#eef260;--yellow-700:#d6da45;--ink-900:#141211;--ink-800:#1f1f1f;--ink-700:#2a2724;--ink-600:#3a3633;--ink-500:#5a5555;--ink-400:#8a847f;--ink-300:#b8b2ad;--ink-200:#dcd8d4;--ink-100:#f2f2f2;--ink-50:#fafafa;--white:#fff;--green-400:#4cc38a;--green-500:#2e9e6b;--green-600:#237a52;--red-400:#ff6b6b;--red-500:#d64545;--red-600:#b02f2f;--amber-400:#f5b83d;--amber-500:#e8a317;--amber-600:#b87d0a;--blue-400:#6ea8fe;--blue-500:#3b82f6;--blue-600:#2563c9;--font-sans:var(--font-poppins), "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.375rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-normal:1.45;--lh-relaxed:1.6;--space-1:3px;--space-2:6px;--space-3:10px;--space-4:14px;--space-5:16px;--space-6:20px;--space-8:24px;--space-10:32px;--space-12:40px;--space-16:52px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--ease:cubic-bezier(.2, .8, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--sidebar-w:220px;--rightpanel-w:300px;--player-h:68px;--z-dropdown:100;--z-sticky:200;--z-player:300;--z-modal:400;--z-toast:500}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:linear-gradient(135deg, #d9cfcb 0%, #c9bcb7 45%, #a89a94 100%);--bg-page:var(--white);--bg-surface:var(--white);--bg-surface-2:var(--ink-100);--bg-surface-3:#e8e6e4;--bg-overlay:#14121180;--bg-sidebar:var(--ink-500);--bg-player:#5a5555eb;--text-primary:var(--ink-800);--text-secondary:#5f5a56;--text-muted:#8a847f;--text-disabled:#b8b2ad;--text-inverse:var(--ink-100);--text-on-brand:#fff;--text-on-accent:var(--ink-800);--text-sidebar:#d9d4d0;--text-sidebar-active:var(--yellow-500);--border-subtle:#ececea;--border-default:#dcd8d4;--border-strong:#b8b2ad;--border-focus:var(--orange-500);--brand:var(--orange-500);--brand-hover:var(--orange-600);--brand-active:var(--orange-700);--brand-soft:var(--orange-100);--accent:var(--yellow-500);--accent-hover:var(--yellow-600);--accent-active:var(--yellow-700);--accent-soft:#fdffd6;--success:var(--green-500);--success-hover:var(--green-600);--success-soft:#e3f5ec;--success-border:#a9dcc3;--success-text:#1b5e40;--error:var(--red-500);--error-hover:var(--red-600);--error-soft:#fbe9e9;--error-border:#f0b5b5;--error-text:#8c2222;--warning:var(--amber-500);--warning-hover:var(--amber-600);--warning-soft:#fdf3dc;--warning-border:#f1d28c;--warning-text:#7a5206;--info:var(--blue-500);--info-hover:var(--blue-600);--info-soft:#e5eefe;--info-border:#b5cdf8;--info-text:#1b4590;--shadow-sm:0 1px 2px #1f1f1f14;--shadow-md:0 6px 16px #1f1f1f1a;--shadow-lg:0 18px 40px #1f1f1f29;--shadow-brand:0 18px 36px #be5c2b59;--ring:0 0 0 3px #be5c2b59;--hero-bg:linear-gradient(120deg, #c4602d 0%, #b0521f 55%, #8f3f14 100%);--hero-text:#fff;--wave-played:var(--yellow-500);--wave-unplayed:#ffffff47}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#000;--bg-page:#000;--bg-surface:#0a0a0a;--bg-surface-2:#121212;--bg-surface-3:#1c1c1c;--bg-overlay:#000000d9;--bg-sidebar:#121212;--bg-player:#121212f2;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--text-disabled:#404040;--text-inverse:#000;--text-on-brand:#fff;--text-on-accent:#000;--text-sidebar:#a3a3a3;--text-sidebar-active:var(--yellow-500);--border-subtle:#171717;--border-default:#262626;--border-strong:#383838;--border-focus:var(--yellow-500);--brand:#d0693a;--brand-hover:#de7d50;--brand-active:#e99069;--brand-soft:#d0693a2e;--accent:var(--yellow-500);--accent-hover:var(--yellow-400);--accent-active:var(--yellow-300);--accent-soft:#fbff7a1f;--success:var(--green-400);--success-hover:#6fd3a1;--success-soft:#4cc38a24;--success-border:#4cc38a66;--success-text:#8be0b5;--error:var(--red-400);--error-hover:#f88;--error-soft:#ff6b6b24;--error-border:#ff6b6b66;--error-text:#ff9c9c;--warning:var(--amber-400);--warning-hover:#f8c862;--warning-soft:#f5b83d24;--warning-border:#f5b83d66;--warning-text:#f8cf7c;--info:var(--blue-400);--info-hover:#8dbaff;--info-soft:#6ea8fe24;--info-border:#6ea8fe66;--info-text:#a2c6ff;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 6px 16px #00000080;--shadow-lg:0 18px 40px #0009;--shadow-brand:0 18px 36px #be5c2b47;--ring:0 0 0 3px #fbff7a59;--hero-bg:linear-gradient(120deg, #a84f22 0%, #8a3f17 55%, #66300f 100%);--hero-text:#fff;--wave-played:var(--yellow-500);--wave-unplayed:#fff3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#000;--bg-page:#000;--bg-surface:#0a0a0a;--bg-surface-2:#121212;--bg-surface-3:#1c1c1c;--bg-overlay:#000000d9;--bg-sidebar:#121212;--bg-player:#121212f2;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--text-disabled:#404040;--text-inverse:#000;--text-sidebar:#a3a3a3;--border-subtle:#171717;--border-default:#262626;--border-strong:#383838;--border-focus:var(--yellow-500);--brand:#d0693a;--brand-hover:#de7d50;--brand-active:#e99069;--brand-soft:#d0693a2e;--accent-hover:var(--yellow-400);--accent-active:var(--yellow-300);--accent-soft:#fbff7a1f;--success:var(--green-400);--success-hover:#6fd3a1;--success-soft:#4cc38a24;--success-border:#4cc38a66;--success-text:#8be0b5;--error:var(--red-400);--error-hover:#f88;--error-soft:#ff6b6b24;--error-border:#ff6b6b66;--error-text:#ff9c9c;--warning:var(--amber-400);--warning-hover:#f8c862;--warning-soft:#f5b83d24;--warning-border:#f5b83d66;--warning-text:#f8cf7c;--info:var(--blue-400);--info-hover:#8dbaff;--info-soft:#6ea8fe24;--info-border:#6ea8fe66;--info-text:#a2c6ff;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 6px 16px #00000080;--shadow-lg:0 18px 40px #0009;--shadow-brand:0 18px 36px #be5c2b47;--ring:0 0 0 3px #fbff7a59;--hero-bg:linear-gradient(120deg, #a84f22 0%, #8a3f17 55%, #66300f 100%);--wave-unplayed:#fff3}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;transition:background var(--dur-slow) var(--ease), color var(--dur-slow) var(--ease);margin:0}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand);transition:color var(--dur-fast);text-decoration:none}a:hover{color:var(--brand-hover);text-decoration:underline}hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-xs);outline:none}::selection{background:var(--accent);color:var(--text-on-accent)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}
h1,h2,h3,h4,h5,h6{line-height:var(--lh-tight);color:var(--text-primary);margin:0}.h1,h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.01em}.h2,h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold)}.h3,h3{font-size:var(--fs-lg);font-weight:var(--fw-medium)}.h4,h4{font-size:var(--fs-md);font-weight:var(--fw-medium)}.display{font-size:var(--fs-3xl);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:-.01em}p{margin:0 0 var(--space-3);color:var(--text-secondary)}.eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase}.text-body{font-size:var(--fs-base)}.text-small{font-size:var(--fs-sm)}.text-caption{font-size:var(--fs-xs);color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-brand{color:var(--brand)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.tabular{font-variant-numeric:tabular-nums}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--bg-surface-2);border-radius:var(--radius-xs);padding:2px 6px}.skip-link{left:var(--space-4);z-index:var(--z-toast);background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-pill);font-weight:var(--fw-medium);transition:top var(--dur-base) var(--ease);padding:10px 18px;position:fixed;top:-60px}.skip-link:focus{top:var(--space-4);text-decoration:none}.content:focus{outline:none}.standalone{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.empty-state{justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-surface-2);border-radius:var(--radius-lg);display:grid}.empty-state p{max-width:36ch;margin:0}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.wrap{flex-wrap:wrap}.col{flex-direction:column}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-pill)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none!important}
.app{width:100%;min-height:100vh;padding:0;padding-bottom:calc(var(--player-h) + var(--space-4));flex-direction:column;margin:0;display:flex}.window{width:100%;min-height:100vh;padding-left:var(--sidebar-w);min-height:calc(100vh - var(--player-h));flex:1;display:flex}.main{align-content:start}.content>:first-child{margin-top:0}.sidebar-scrim{display:none}.main{background:var(--bg-page);width:100%;padding:var(--space-6) var(--space-8);grid-template-columns:1fr var(--rightpanel-w);gap:var(--space-6) var(--space-8);flex:1;grid-template-rows:auto 1fr;min-width:0;display:grid}.content{min-width:0}.section{margin-top:var(--space-8)}.section__head{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.section__link{font-size:var(--fs-sm);color:var(--text-muted)}
.sidebar{background:var(--bg-sidebar);color:var(--text-sidebar);padding:var(--space-6) var(--space-5);width:var(--sidebar-w);z-index:10;height:100vh;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar__brand{margin-bottom:var(--space-6);padding:0 var(--space-2)}.sidebar__logo-link{align-items:center;gap:var(--space-3);color:#fff;transition:opacity var(--dur-fast), transform var(--dur-fast);text-decoration:none;display:inline-flex}.sidebar__logo-link:hover{opacity:.92;text-decoration:none;transform:scale(1.02)}.sidebar__brand-name{letter-spacing:-.02em;background:linear-gradient(135deg, #fff 40%, var(--yellow-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:700}.listenify-brand-icon{transition:transform var(--dur-fast) var(--ease);flex-shrink:0;display:inline-block}:root,:root[data-theme=light]{--logo-bg:#141211;--logo-bars:#fff}:root[data-theme=dark]{--logo-bg:#fff;--logo-bars:#141211}.listenify-brand-icon__bg{fill:var(--logo-bg);transition:fill var(--dur-base) var(--ease)}.listenify-brand-icon__bars rect{fill:var(--logo-bars);transition:fill var(--dur-base) var(--ease)}.sidebar__dots span:first-child{background:#ff5f57}.sidebar__dots span:nth-child(2){background:#febc2e}.sidebar__dots span:nth-child(3){background:#28c840}.sidebar__title{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:#fff;margin:var(--space-6) 0 var(--space-3) var(--space-3)}.nav-item{align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-5);border-radius:var(--radius-pill);color:var(--text-sidebar);font-size:var(--fs-base);text-align:left;cursor:pointer;transition:background var(--dur-base) var(--ease), color var(--dur-base) var(--ease);background:0 0;border:0;margin-bottom:2px;display:flex}.nav-item:hover{color:#fff;background:#ffffff14;text-decoration:none}.nav-item.is-active,.nav-item[aria-current=page]{color:var(--text-sidebar-active);font-weight:var(--fw-medium);background:#00000052}
.topbar{justify-content:space-between;align-items:center;gap:var(--space-6);z-index:var(--z-sticky);background:var(--bg-page);padding:var(--space-5) var(--space-8);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-8)) 0;border-bottom:none;grid-column:1/-1;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000000d}.topbar__brand-link{align-items:center;gap:var(--space-2);color:var(--text-primary);transition:opacity var(--dur-fast), transform var(--dur-fast);text-decoration:none;display:inline-flex}.topbar__brand-link:hover{opacity:.88;text-decoration:none;transform:scale(1.02)}.topbar__brand-title{letter-spacing:-.01em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--brand) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.topbar__menu{display:none}.topbar__crumbs{flex:none}.topbar__center{align-items:center;gap:var(--space-6);flex:1;justify-content:center;min-width:0;display:flex}.topbar__actions{align-items:center;gap:var(--space-2);display:flex}.topbar__auth{align-items:center;gap:var(--space-2);margin-left:var(--space-2);display:flex}.topbar__search-wrapper{justify-content:center;width:100%;min-width:220px;max-width:440px;display:flex;position:relative}.topbar .search{width:100%;max-width:420px;position:relative}.topbar__search-input{width:100%;height:38px;font-size:var(--fs-sm);border-radius:var(--radius-pill);background:var(--bg-surface-2);border:1px solid var(--border-default);color:var(--text-primary);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);padding-left:36px;padding-right:36px}.topbar__search-input:focus{border-color:var(--brand);background:var(--bg-surface);box-shadow:0 0 0 3px var(--brand-glow)}.topbar__search-spinner{pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header__content{flex:240px;min-width:0}.page-header__title{word-break:break-word;margin:0}.page-header p,.page-header__desc{margin:var(--space-1) 0 0;word-break:break-word;max-width:640px;line-height:1.45}.page-header__action{flex-shrink:0;align-items:center;display:flex}
.search-dropdown-menu{overscroll-behavior:contain;background:var(--bg-surface);width:min(440px,94vw);max-height:min(480px,68vh);color:var(--text-primary);border-radius:var(--radius-lg);border:1px solid var(--border-default);z-index:1000;flex-direction:column;padding:6px 0;animation:.18s cubic-bezier(.16,1,.3,1) dropdownFadeScale;display:flex;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 32px -4px #00000047,0 4px 12px #0000001f}@keyframes dropdownFadeScale{0%{opacity:0;transform:translate(-50%,-6px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}.search-dropdown__empty{padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--fs-xs);color:var(--text-muted)}.search-dropdown__section{padding:4px 6px}.search-dropdown__section+.search-dropdown__section{border-top:1px solid var(--border-subtle)}.search-dropdown__section-title{font-size:11px;font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 8px 4px}.search-dropdown__item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:background var(--dur-fast), transform var(--dur-fast);width:100%;padding:8px 10px;text-decoration:none;display:flex}.search-dropdown__item:hover,.search-dropdown__item:focus-visible{background:var(--bg-surface-3)}.search-dropdown__thumb{border-radius:var(--radius-sm);background:var(--bg-surface-2);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.search-dropdown__thumb--round{border-radius:50%;width:32px;height:32px}.search-dropdown__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-dropdown__title{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-dropdown__subtitle{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-dropdown__play-icon{color:var(--brand);opacity:.8;transition:transform var(--dur-fast), opacity var(--dur-fast);flex-shrink:0}.search-dropdown__item:hover .search-dropdown__play-icon{opacity:1;transform:scale(1.15)}.search-dropdown__badge{font-size:11px;font-weight:var(--fw-medium);color:var(--text-muted);background:var(--bg-surface-2);border-radius:var(--radius-pill);flex-shrink:0;padding:2px 8px}.search-dropdown__footer{border-top:1px solid var(--border-subtle);padding:4px 6px 2px}.search-dropdown__view-all{width:100%;color:var(--brand);font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;text-align:center;border-radius:var(--radius-md);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;padding:10px 8px}.search-dropdown__view-all:hover{background:var(--bg-surface-3);text-decoration:underline}.topbar__left{align-items:center;gap:var(--space-2);display:flex}.topbar__search--desktop{display:block}.topbar__search-toggle--mobile,.topbar__mobile-search-dropdown{display:none}.topbar .tab{white-space:nowrap}
.cover{border-radius:var(--radius-sm);color:#ffffffeb;font-weight:var(--fw-semibold);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.cover--round{border-radius:50%}.cover span{letter-spacing:.02em;font-size:1.1em}.artist__img.cover{font-size:var(--fs-lg)}.hero-carousel{border-radius:var(--radius-lg);width:100%;position:relative;overflow:hidden}.hero-carousel .hero{border-radius:var(--radius-lg);position:relative;overflow:hidden;background:#141210!important}.hero__art-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero__img-moving{object-fit:cover;object-position:center right;width:100%;height:100%;animation:.6s cubic-bezier(.2,.8,.2,1) hero-img-slide-next;position:absolute;top:0;right:0}.hero__img-moving--prev{animation:.6s cubic-bezier(.2,.8,.2,1) hero-img-slide-prev}.hero__gradient{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0e0c0af0 0%,#0e0c0ac7 40%,#0e0c0a59 75%,#0e0c0a0d 100%);width:100%;height:100%;position:absolute;inset:0}@keyframes hero-img-slide-next{0%{opacity:.3;transform:translate(60px)scale(1.04)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes hero-img-slide-prev{0%{opacity:.3;transform:translate(-60px)scale(1.04)}to{opacity:1;transform:translate(0)scale(1)}}.hero-carousel__dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:14px;right:24px}.hero-carousel__dot{cursor:pointer;width:8px;height:8px;transition:all var(--dur-base) var(--ease);background:#ffffff59;border:none;border-radius:50%;padding:0}.hero-carousel__dot:hover{background:#ffffffb3}.hero-carousel__dot.is-active{border-radius:var(--radius-pill);background:var(--accent);width:24px}.hero__cta{margin-top:var(--space-2);align-self:flex-start}.hero>:not(.hero__art):not(.hero__art-container):not(.hero__gradient){z-index:3;position:relative}.hero__art{pointer-events:none;width:46%;position:absolute;inset:0 0 0 auto}.hero__disc{opacity:.85;background:radial-gradient(circle,#1f1f1f 0 14%,#fbff7a 14% 17%,#2a1209 17% 40%,#3a1a0c 40% 41%,#2a1209 41% 62%,#3a1a0c 62% 63%,#2a1209 63% 100%);border-radius:50%;width:360px;height:360px;position:absolute;top:50%;right:-60px;translate:0 -50%}.hero__disc--sm{opacity:.35;mix-blend-mode:soft-light;background:radial-gradient(circle,#ffffff80 0 16%,#0000 17%),#fbff7a;width:150px;height:150px;top:78%;right:180px}.media-grid{gap:var(--space-5);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow:auto hidden}.media-grid::-webkit-scrollbar{display:none}.media-grid--playlists{flex-wrap:nowrap;display:flex;overflow-x:auto}.media-grid--playlists>.media-item{flex:0 0 200px;width:200px}.media-grid--albums{flex-wrap:nowrap;display:flex;overflow-x:auto}.media-grid--albums>.media-item{flex:0 0 200px;width:200px}.media-grid--artists{gap:var(--space-5);grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden auto}.media-grid--artists>.media-card{flex:1}.media-item--mobile-only{display:none!important}.media-item--desktop-only{display:block}.media-card{gap:var(--space-1);font-size:var(--fs-xs);width:100%;display:grid}.media-card__cover{aspect-ratio:1;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-1);object-fit:cover}.media-card p{margin:0}
.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card--flat{box-shadow:none}.card--muted{background:var(--bg-surface-2);border-color:#0000}.card--interactive{cursor:pointer;transition:transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease)}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.hero{justify-content:center;gap:var(--space-2);min-height:200px;padding:var(--space-6) var(--space-8);border-radius:var(--radius-lg);background:var(--hero-bg);color:var(--hero-text);box-shadow:var(--shadow-brand);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);text-transform:uppercase;color:var(--hero-text)}.hero p{color:#ffffffe0;max-width:380px}.hero__meta{align-items:center;gap:var(--space-3);font-size:var(--fs-xs);color:#fffc;display:flex}.hero__image{object-fit:cover;height:100%;position:absolute;bottom:0;right:0}.now-playing{background:var(--bg-surface-2);border-radius:var(--radius-lg);padding:var(--space-5)}.now-playing__cover{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);width:100%}.grid-artists{gap:var(--space-5);padding:var(--space-2) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin:0;list-style:none;display:flex;overflow:auto hidden}.grid-artists::-webkit-scrollbar{display:none}.grid-artists>li{flex:0 0 130px;width:130px}.artist-card{align-items:center;gap:var(--space-2);width:100%;transition:transform var(--dur-base) var(--ease);background:0 0;border-radius:0;flex-direction:column;padding:0;text-decoration:none;display:flex;position:relative}.artist-card:hover{background:0 0;text-decoration:none;transform:translateY(-2px)}.artist-card__avatar-wrap{aspect-ratio:1;border-radius:50%;width:100%;max-width:130px;position:relative}.artist-card__img{width:100%;height:100%;transition:transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);border-radius:50%;box-shadow:0 4px 16px #00000040}.artist-card:hover .artist-card__img{transform:scale(1.04);box-shadow:0 8px 24px #00000059}.artist-card__play{background:var(--accent);width:36px;height:36px;color:var(--text-on-accent);cursor:pointer;opacity:0;transition:opacity var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), background var(--dur-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px;transform:translateY(4px);box-shadow:0 4px 12px #00000073}.artist-card__play:hover{background:var(--accent-hover);transform:scale(1.08)}.artist-card:hover .artist-card__play{opacity:1;transform:translateY(0)}.artist-card__info{text-align:center;flex-direction:column;align-items:center;gap:2px;max-width:124px;display:flex}.artist-card__name{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.artist-card__role{color:var(--text-muted);font-size:.7rem}.avatar{object-fit:cover;background:var(--bg-surface-3);border-radius:50%;width:36px;height:36px}.avatar--sm{width:24px;height:24px}.avatar--lg{width:52px;height:52px}.track{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:background var(--dur-fast);grid-template-columns:40px 1fr 1fr auto 36px;display:grid}.track:hover{background:var(--bg-surface-2)}.track.is-playing{background:var(--accent-soft)}.track.is-playing .track__title{color:var(--brand)}.track__cover{border-radius:var(--radius-xs);object-fit:cover;width:40px;height:40px}.track__title{font-weight:var(--fw-medium);color:var(--text-primary);font-size:var(--fs-sm)}.track__artist{font-size:var(--fs-xs);color:var(--text-muted)}.track__time{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.queue-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.track-list{margin:0;padding:0;list-style:none}.track__play{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.track__play .track__title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track__play:hover .track__title{color:var(--brand)}.track__actions{align-items:center;display:flex}.track{grid-template-columns:48px 1.2fr 1fr auto auto}.queue{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.queue-item__main{text-align:left;cursor:pointer;min-width:0;color:var(--text-primary);background:0 0;border:0;flex:1;padding:0;display:grid}.queue-item__main:hover span:first-child{color:var(--brand)}
.albums-page .media-grid{gap:var(--space-4);flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid;overflow-x:visible}.albums-page .media-card{width:100%}.control-albums-grid,.control-playlists-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid;overflow-x:visible}
.player{left:50%;bottom:var(--space-4);width:min(1120px, calc(100% - 2 * var(--space-8)));height:var(--player-h);align-items:center;gap:var(--space-4);padding:0 var(--space-6);color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:var(--z-player);transition:transform var(--dur-base) ease, box-shadow var(--dur-base) ease;background:linear-gradient(135deg,#262423e0 0%,#161514f0 100%);border:1px solid #ffffff24;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #00000073,inset 0 0 0 1px #ffffff0f}.now-playing{top:100px;bottom:25px;right:var(--space-8);width:var(--rightpanel-w);gap:var(--space-3);z-index:5;flex-direction:column;height:auto;max-height:none;display:flex;position:fixed;overflow:hidden}.now-playing__head{align-items:center;gap:var(--space-3);font-weight:var(--fw-medium);flex-shrink:0;display:flex}.now-playing__cover{aspect-ratio:1;border-radius:var(--radius-lg);flex-shrink:0}.now-playing__meta{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.now-playing__title{font-size:var(--fs-md);font-weight:var(--fw-medium)}.now-playing hr{border-color:var(--border-default);flex-shrink:0;margin:0}.now-playing__queue{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow:hidden auto}.now-playing__queue::-webkit-scrollbar{width:4px}.now-playing__queue::-webkit-scrollbar-track{background:0 0}.now-playing__queue::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}.player__mobile-progress{display:none}.player__track{align-items:center;gap:var(--space-3);min-width:180px;display:flex}.player__meta{line-height:1.25;display:grid}.player__artist{font-size:var(--fs-xs);opacity:.7}.player__title{font-size:var(--fs-md);font-weight:var(--fw-regular)}.player__controls{align-items:center;gap:var(--space-2);display:flex}.player .btn-icon:hover{background:#ffffff1f}.player .btn-icon.is-on{color:var(--accent)}.player__time{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";opacity:.85;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.player__time-current,.player__time-total{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:center;min-width:4ch;display:inline-block}.player__extras{align-items:center;gap:var(--space-1);display:flex}.player__volume{align-items:center;gap:var(--space-2);width:120px;display:flex}.player .range{background:#ffffff40}.wave{cursor:pointer}.wave:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}.track__cover{border-radius:var(--radius-sm)}
.btn{--btn-bg:var(--bg-surface-2);--btn-bg-hover:var(--bg-surface-3);--btn-fg:var(--text-primary);--btn-border:transparent;justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border:1px solid var(--btn-border);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-base) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);line-height:1;display:inline-flex}.btn:hover{background:var(--btn-bg-hover);text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--primary{--btn-bg:var(--brand);--btn-bg-hover:var(--brand-hover);--btn-fg:var(--text-on-brand)}.btn--accent{--btn-bg:var(--accent);--btn-bg-hover:var(--accent-hover);--btn-fg:var(--text-on-accent);font-weight:var(--fw-semibold)}.btn--secondary{--btn-bg:transparent;--btn-bg-hover:var(--bg-surface-2);--btn-border:var(--border-default)}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--bg-surface-2)}.btn--link{--btn-bg:transparent;--btn-bg-hover:transparent;--btn-fg:var(--brand);min-height:auto;padding:0}.btn--link:hover{text-decoration:underline}.btn--success{--btn-bg:var(--success);--btn-bg-hover:var(--success-hover);--btn-fg:#fff}.btn--danger,.btn--error{--btn-bg:var(--error);--btn-bg-hover:var(--error-hover);--btn-fg:#fff}.btn--warning{--btn-bg:var(--warning);--btn-bg-hover:var(--warning-hover);--btn-fg:var(--ink-800)}.btn--danger-outline{--btn-bg:transparent;--btn-bg-hover:var(--error-soft);--btn-fg:var(--error);--btn-border:var(--error-border)}.btn--success-outline{--btn-bg:transparent;--btn-bg-hover:var(--success-soft);--btn-fg:var(--success);--btn-border:var(--success-border)}.btn--sm{min-height:34px;padding:0 var(--space-4);font-size:var(--fs-xs)}.btn--lg{min-height:52px;padding:0 var(--space-8);font-size:var(--fs-base)}.btn--block{width:100%}.btn-icon{width:40px;height:40px;color:inherit;cursor:pointer;transition:background var(--dur-base) var(--ease), transform var(--dur-fast);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.btn-icon:hover{background:var(--bg-surface-2)}.btn-icon:active{transform:scale(.92)}.btn-icon--lg{width:48px;height:48px}.btn-play{background:var(--accent);width:48px;height:48px;color:var(--text-on-accent);cursor:pointer;transition:background var(--dur-base), transform var(--dur-fast);border:0;border-radius:50%;place-items:center;display:inline-grid;box-shadow:0 6px 16px #fbff7a4d}.btn-play:hover{background:var(--accent-hover);transform:scale(1.06)}.btn-play:active{transform:scale(.95)}.btn-like{border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:32px;height:32px;transition:background var(--dur-base), color var(--dur-base);background:#ffffff40;border:0;place-items:center;display:inline-grid}.btn-like:hover{background:#fff6}.btn-like.is-liked{color:var(--error);background:#fff}.btn-group{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.btn.is-loading{pointer-events:none;position:relative;color:#0000!important}.btn.is-loading:after{content:"";border:2px solid var(--btn-fg);border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;position:absolute}.btn--accent.is-loading:after,.btn--warning.is-loading:after{border-color:var(--ink-800);border-right-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.hint{font-size:var(--fs-xs);color:var(--text-muted)}.input,.select,.textarea{width:100%;min-height:46px;padding:0 var(--space-5);background:var(--bg-surface-2);color:var(--text-primary);border-radius:var(--radius-pill);transition:border-color var(--dur-base), box-shadow var(--dur-base), background var(--dur-base);border:1px solid #0000}.textarea{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);resize:vertical;min-height:110px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-default)}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:var(--ring);background:var(--bg-surface);outline:none}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed}.input--success,.field.is-success .input{border-color:var(--success)}.input--error,.field.is-error .input{border-color:var(--error)}.input--success:focus{box-shadow:0 0 0 3px var(--success-soft)}.input--error:focus{box-shadow:0 0 0 3px var(--error-soft)}.field.is-success .hint{color:var(--success)}.field.is-error .hint{color:var(--error)}.search{position:relative}.search .input{padding-left:44px}.search svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.check{align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--fs-sm);display:inline-flex}.check input{appearance:none;border:1.5px solid var(--border-strong);background:var(--bg-surface);cursor:pointer;width:20px;height:20px;transition:all var(--dur-fast);place-content:center;margin:0;display:grid}.check input[type=checkbox]{border-radius:6px}.check input[type=radio]{border-radius:50%}.check input:checked{background:var(--brand);border-color:var(--brand)}.check input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;transform:rotate(45deg)translate(-1px,-1px)}.check input[type=radio]:checked:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.check input:disabled{opacity:.4;cursor:not-allowed}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch__track{background:var(--border-strong);border-radius:9999px;transition:background-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;position:absolute;inset:0;overflow:hidden}.switch__track:after{content:"";will-change:transform;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000047,0 2px 6px #00000024}.switch input:checked+.switch__track{background:var(--brand)}.switch input:checked+.switch__track:after{transform:translate(20px)}.switch input:focus-visible+.switch__track{box-shadow:0 0 0 3px var(--brand-glow)}.switch:active .switch__track:after{width:23px}.switch input:checked:active+.switch__track:after{transform:translate(17px)}.range{appearance:none;border-radius:var(--radius-pill);background:var(--border-default);cursor:pointer;outline:none;width:100%;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--ink-800);border-radius:50%;width:14px;height:14px}.range::-moz-range-thumb{background:var(--accent);border:2px solid var(--ink-800);border-radius:50%;width:14px;height:14px}.tabs{gap:var(--space-6);display:flex}.tab{padding:var(--space-2) 0;color:var(--text-muted);font-size:var(--fs-base);cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast);background:0 0;border:0;border-bottom:2px solid #0000}.tab:hover{color:var(--text-primary)}.tab.is-active{color:var(--text-primary);border-bottom-color:var(--brand)}.breadcrumb{align-items:center;gap:var(--space-3);color:var(--text-muted);display:flex}.breadcrumb__current{color:var(--text-primary)}.segmented{background:var(--bg-surface-2);border-radius:var(--radius-pill);padding:4px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:8px 18px}.segmented button.is-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);background:var(--bg-surface-3);color:var(--text-secondary);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.badge--brand{background:var(--brand-soft);color:var(--brand)}.badge--accent{background:var(--accent);color:var(--text-on-accent)}.badge--success{background:var(--success-soft);color:var(--success-text)}.badge--error{background:var(--error-soft);color:var(--error-text)}.badge--warning{background:var(--warning-soft);color:var(--warning-text)}.badge--info{background:var(--info-soft);color:var(--info-text)}.dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.notif-dot{background:var(--error);border:2px solid var(--bg-page);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px}.chip{border-radius:var(--radius-pill);border:1px solid var(--border-default);font-size:var(--fs-sm);cursor:pointer;transition:all var(--dur-fast);background:0 0;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.chip:hover{border-color:var(--border-strong);background:var(--bg-surface-2)}.chip.is-active{background:var(--ink-800);color:var(--accent);border-color:var(--ink-800)}:root[data-theme=dark] .chip.is-active{background:var(--accent);color:var(--ink-800);border-color:var(--accent)}.alert{--a-bg:var(--info-soft);--a-border:var(--info-border);--a-fg:var(--info-text);--a-icon:var(--info);align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--a-bg);color:var(--a-fg);border:1px solid var(--a-border);border-left:4px solid var(--a-icon);border-radius:var(--radius-md);font-size:var(--fs-sm);display:flex}.alert__icon{color:var(--a-icon);flex-shrink:0;margin-top:2px}.alert__title{font-weight:var(--fw-semibold);margin-bottom:2px}.alert__body{color:inherit;opacity:.9;margin:0}.alert__close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:0;margin-left:auto}.alert__close:hover{opacity:1}.alert--success{--a-bg:var(--success-soft);--a-border:var(--success-border);--a-fg:var(--success-text);--a-icon:var(--success)}.alert--error{--a-bg:var(--error-soft);--a-border:var(--error-border);--a-fg:var(--error-text);--a-icon:var(--error)}.alert--warning{--a-bg:var(--warning-soft);--a-border:var(--warning-border);--a-fg:var(--warning-text);--a-icon:var(--warning)}.alert--info{--a-bg:var(--info-soft);--a-border:var(--info-border);--a-fg:var(--info-text);--a-icon:var(--info)}.toast-region{bottom:calc(var(--player-h) + var(--space-4));right:var(--space-5);justify-items:end;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;width:auto;max-width:300px;display:grid;position:fixed}.toast{pointer-events:auto;background:var(--bg-player);color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:toast-in var(--dur-slow) var(--ease);border:1px solid #ffffff1f;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;line-height:1.2;display:inline-flex;box-shadow:0 4px 14px #00000040}.toast svg{color:var(--accent);flex-shrink:0}.toast strong{color:#fff;font-weight:var(--fw-medium);white-space:nowrap;font-size:.72rem}.toast .text-caption,.toast .btn-icon{display:none}.toast--success svg{color:var(--green-400)}.toast--warning svg{color:var(--accent)}.toast--error svg{color:var(--red-400)}.toast--info svg{color:var(--yellow-400)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.msg{font-size:var(--fs-xs);align-items:center;gap:6px;display:inline-flex}.msg--success{color:var(--success)}.msg--error{color:var(--error)}.progress{background:var(--border-default);border-radius:var(--radius-pill);height:6px;overflow:hidden}.progress__bar{height:100%;width:var(--value,0%);background:var(--accent);border-radius:inherit;transition:width var(--dur-base) linear}.progress--brand .progress__bar{background:var(--brand)}.progress--success .progress__bar{background:var(--success)}.progress--error .progress__bar{background:var(--error)}.wave{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:120px;align-items:center;gap:2px;min-width:100px;max-width:420px;height:48px;display:flex}.wave i{min-width:2px;max-width:4px;height:var(--h,40%);border-radius:var(--radius-pill);background:var(--wave-unplayed);pointer-events:none;flex:2px}.wave i.is-played{background:var(--wave-played)}.spinner{border:3px solid var(--border-default);border-top-color:var(--brand);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--bg-surface-2) 25%, var(--bg-surface-3) 50%, var(--bg-surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--radius-lg);width:min(480px,100%);padding:var(--space-8);box-shadow:var(--shadow-lg);animation:pop var(--dur-slow) var(--ease)}.modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-3)}.modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}.dropdown{min-width:200px;padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.dropdown__item{align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.dropdown__item:hover{background:var(--bg-surface-2)}.dropdown__item--danger{color:var(--error)}.dropdown__item--danger:hover{background:var(--error-soft)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--ink-800);color:var(--ink-100);font-size:var(--fs-xs);white-space:nowrap;border-radius:var(--radius-xs);opacity:0;pointer-events:none;transition:all var(--dur-fast);padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)}.notif-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);box-shadow:none;border:none;border-bottom:1px solid var(--border-subtle);background:0 0;padding:8px 12px;display:flex}.notif-item[style*="rgba(251, 255, 122, 0.06)"]{background:#fbff7a0f}.notif-item__avatar{flex-shrink:0;width:36px;height:36px}.notif-item__content{flex:1;gap:1px;min-width:0;display:grid}.notif-item__top{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.notif-item__badge{font-size:.6rem;font-weight:var(--fw-semibold);letter-spacing:.02em;text-transform:uppercase;opacity:.7;background:0 0;border:none;border-radius:0;padding:0}.notif-item__desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;line-height:1.3;overflow:hidden}.notif-item__time-badge{color:var(--text-muted);font-size:.7rem;font-weight:var(--fw-medium);white-space:nowrap;border-radius:var(--radius-sm);background:var(--bg-surface-3);flex-shrink:0;padding:2px 6px}.notif-item__action{flex-shrink:0;display:none}.notif-item__controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.notif-item__controls button{cursor:pointer;border-radius:var(--radius-sm);transition:color var(--dur-fast);background:0 0;border:none;place-items:center;padding:4px 6px;display:grid}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.grid.gap-3{display:grid}.auth-modal-glass{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);width:100%;max-width:375px;padding:var(--space-5) var(--space-6);animation:pop var(--dur-slow) var(--ease);position:relative;box-shadow:0 16px 48px #00000073}[data-theme=dark] .auth-modal-glass{background:#121212c7;border:1px solid #ffffff1f;box-shadow:0 20px 50px #000000b3,inset 0 1px #ffffff1a}[data-theme=light] .auth-modal-glass{background:#ffffffe0;border:1px solid #00000014;box-shadow:0 16px 40px #0000001f,inset 0 1px #fffc}.btn-google{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);background:var(--bg-surface-2);border:1px solid var(--border-default);width:100%;min-height:40px;color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast);display:flex}.btn-google:hover{background:var(--bg-surface-3);border-color:var(--border-strong);transform:translateY(-1px)}.btn-google:active{transform:scale(.98)}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-3) 0;color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}::view-transition-new(root){z-index:9999}@keyframes sheetSlideUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.report-modal-backdrop{z-index:var(--z-modal,400);background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);position:fixed;inset:0;padding:var(--space-4)!important;justify-content:center!important;align-items:center!important;display:flex!important}.report-modal-dialog{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:490px;max-height:88vh;box-shadow:var(--shadow-lg);color:var(--text-primary);padding:var(--space-6);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;margin:auto;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;position:relative;overflow-y:auto}.report-modal-dialog::-webkit-scrollbar{width:5px}.report-modal-dialog::-webkit-scrollbar-track{background:0 0}.report-modal-dialog::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill)}.report-modal-dialog::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.report-modal-handle{display:none}@media (max-width:640px){.report-modal-backdrop{justify-content:flex-end!important;align-items:flex-end!important;padding:0!important;bottom:0!important}.report-modal-dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:100%!important;max-height:85vh!important;padding:var(--space-3) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom,16px))!important;border-bottom:none!important;border-left:none!important;border-right:none!important;margin:0!important;animation:.26s cubic-bezier(.16,1,.3,1) sheetSlideUp!important}.report-modal-handle{background:var(--border-default);border-radius:var(--radius-pill);width:36px;height:4px;margin:0 auto var(--space-4);display:block!important}}.add-to-playlist-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9998;padding:var(--space-4);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-to-playlist-dialog{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);z-index:9999;flex-direction:column;width:90%;max-width:440px;max-height:85vh;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px #00000080}.modal-tabs-header{border-bottom:1px solid var(--border-subtle);scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.modal-tabs-header::-webkit-scrollbar{width:0;height:0;display:none}.modal-handle-bar{display:none}@media (max-width:640px){.modal-backdrop{z-index:10000!important;justify-content:center!important;align-items:flex-end!important;padding:0!important;display:flex!important;bottom:0!important}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:100%!important;max-height:88vh!important;padding:var(--space-5) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom,16px))!important;border-bottom:none!important;border-left:none!important;border-right:none!important;margin:0!important;animation:.26s cubic-bezier(.16,1,.3,1) sheetSlideUp!important;overflow-y:auto!important}.add-to-playlist-backdrop{z-index:10000!important;justify-content:flex-end!important;align-items:flex-end!important;padding:0!important;bottom:0!important}.add-to-playlist-dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:100%!important;max-height:85vh!important;padding-bottom:env(safe-area-inset-bottom,16px)!important;border-bottom:none!important;border-left:none!important;border-right:none!important;margin:0!important;animation:.26s cubic-bezier(.16,1,.3,1) sheetSlideUp!important}.modal-handle-bar{background:var(--border-default);border-radius:var(--radius-pill);width:36px;height:4px;margin:0 auto var(--space-3);display:block!important}.control-nav-bar{align-items:stretch!important;gap:var(--space-3)!important;flex-direction:column!important}.control-segmented-scroll{width:100%!important}.control-search-wrapper{width:100%!important;max-width:100%!important}.playlists-toolbar,.albums-toolbar{align-items:stretch!important;gap:var(--space-3)!important;flex-direction:column!important}.playlists-toolbar .segmented,.albums-toolbar .segmented{width:100%!important;overflow-x:auto!important}.artist-row-item{align-items:flex-start!important;gap:var(--space-3)!important;flex-direction:column!important}.artist-row-actions{justify-content:space-between!important;width:100%!important}}
::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}
@media (max-width:1100px){.main{grid-template-columns:1fr}.now-playing{display:none}}@media (max-width:760px){:root{--sidebar-w:0px}.app{padding:0;padding-bottom:calc(var(--player-h) + var(--space-8) + env(safe-area-inset-bottom,0px))}.window{border-radius:0;grid-template-columns:1fr}.sidebar{display:none}.main{padding:var(--space-4)}.hero{padding:var(--space-6);min-height:220px}.track{grid-template-columns:48px 1fr auto 32px}.track>:nth-child(3){display:none}.player{gap:var(--space-2);padding:0 var(--space-3);width:calc(100% - var(--space-4));max-width:500px;bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.toast-region{top:auto;bottom:calc(var(--player-h) + var(--space-8) + env(safe-area-inset-bottom,0px));right:var(--space-4)}}@media (max-width:1100px){.topbar .search{width:180px}.player__volume{display:none}}@media (max-width:760px){.window{min-height:100vh;padding-left:0}.topbar{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:56px;display:flex;padding:var(--space-3) var(--space-4)!important;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0!important}.topbar__left{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.topbar__brand-title{display:none}.topbar__menu{flex-shrink:0;display:inline-grid}.topbar__crumbs{display:none}.topbar__center{align-items:center;gap:var(--space-2);flex:1;justify-content:flex-end;min-width:0;display:flex}.topbar__search--desktop,.topbar__search-wrapper{display:none}.topbar__search-toggle--mobile{flex-shrink:0;align-items:center;display:flex}.topbar__search-toggle--mobile .btn-icon,.topbar__menu{width:36px;min-width:36px;height:36px}.topbar__search-toggle--mobile .btn-icon.is-active{background:var(--bg-surface-3);color:var(--brand)}.topbar__search-toggle--mobile .btn-icon .search-icon{width:20px;height:20px}.topbar__search-toggle--mobile .btn-icon .close-icon{width:13px;height:13px}.topbar__mobile-search-dropdown{width:100%;padding-top:var(--space-3);margin-top:var(--space-1);border-top:1px solid var(--border-subtle);flex-basis:100%;animation:.22s cubic-bezier(.16,1,.3,1) mobileSearchSlide;display:block}@keyframes mobileSearchSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.topbar__mobile-search-inner{align-items:center;gap:var(--space-3);background:var(--bg-surface-2);border-radius:var(--radius-pill);width:100%;padding:2px var(--space-3);border:1px solid var(--border-default);display:flex;box-shadow:0 4px 14px #0000001f}.topbar__mobile-search-inner:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow), 0 4px 16px #00000029}.topbar__mobile-search-input{color:var(--text-primary);flex:1;box-shadow:none!important;height:38px!important;font-size:var(--fs-sm)!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.topbar__mobile-search-input::-webkit-search-cancel-button{appearance:none;display:none}.topbar__mobile-search-input::-webkit-search-decoration{appearance:none;display:none}.search-dropdown-menu--mobile{width:100%;margin-top:var(--space-2);border-radius:var(--radius-lg);max-height:55vh;animation:.2s cubic-bezier(.16,1,.3,1) mobileSearchDropdownSlide;position:static;transform:none;box-shadow:0 8px 24px #00000038}@keyframes mobileSearchDropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar__tabs{flex-shrink:0}.topbar__tabs .tab{font-size:var(--fs-xs);padding:6px 12px}.topbar__actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.topbar__actions .btn-icon{width:32px!important;height:32px!important}.topbar__auth{flex-shrink:0;align-items:center;gap:4px;display:flex}.topbar__auth .btn{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:.76rem!important}.sidebar{width:280px;z-index:var(--z-modal);transition:transform var(--dur-slow) var(--ease);display:block;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar.is-open{transform:none}.sidebar-scrim{background:var(--bg-overlay);z-index:calc(var(--z-modal) - 1);opacity:0;pointer-events:none;transition:opacity var(--dur-base);display:block;position:fixed;inset:0}.sidebar-scrim.is-open{opacity:1;pointer-events:auto}.player{padding:7px var(--space-3) 5px;gap:var(--space-2);touch-action:pan-y;will-change:transform;align-items:center;height:62px;position:fixed;overflow:hidden}.player__mobile-progress{border-radius:var(--radius-pill);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:content-box;-webkit-tap-highlight-color:transparent;z-index:10;background:#ffffff29 padding-box content-box;height:4px;margin-top:-6px;padding:6px 0 10px;display:block;position:absolute;top:2px;left:20px;right:20px}.player__mobile-progress:focus-visible{outline:2px solid var(--accent,#fbff7a);outline-offset:2px}.player__mobile-progress-fill{border-radius:var(--radius-pill);pointer-events:none;will-change:width;background:linear-gradient(90deg,#f6ff52 0%,#fbff7a 100%);height:4px;transition:width .1s linear;position:absolute;top:6px;left:0;box-shadow:0 0 10px #fbff7ab3}.player__mobile-progress-thumb{pointer-events:none;opacity:.95;width:8px;height:8px;transition:transform var(--dur-fast), opacity var(--dur-fast);background:#fff;border-radius:50%;margin-left:-4px;position:absolute;top:4px;box-shadow:0 0 6px #00000080,0 0 8px #fbff7ae6}.player__mobile-progress:active .player__mobile-progress-thumb{opacity:1;transform:scale(1.4)}.player__track{flex-shrink:0;min-width:0}.player .track__cover{border:1px solid #ffffff26;box-shadow:0 4px 12px #0006;border-radius:var(--radius-md)!important;width:36px!important;height:36px!important}.player__meta,.player .wave,.player__extras{display:none}.player__time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:#ffffffbf;white-space:nowrap;flex-shrink:0;align-items:center;margin-left:2px;font-size:.72rem!important;display:inline-flex!important}.player__time-current,.player__time-total{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:center;min-width:4ch;display:inline-block}.player__time-sep{opacity:.5;flex-shrink:0;margin:0 1px}.player__time-total{opacity:.7}.player__controls{align-items:center;margin-left:auto;display:flex;gap:4px!important}.player__controls .btn-icon{transition:transform var(--dur-fast), background var(--dur-fast);border-radius:50%;width:32px!important;height:32px!important}.player__controls .btn-icon:active{transform:scale(.92)}.player__controls .btn-play{transition:transform var(--dur-fast), box-shadow var(--dur-fast);box-shadow:0 4px 18px #fbff7a73;width:40px!important;height:40px!important}.player__controls .btn-play:active{transform:scale(.93)}.player{height:62px;padding:7px var(--space-3) 5px;gap:var(--space-2);border-radius:var(--radius-pill);z-index:var(--z-player);isolation:isolate;align-items:center;position:fixed;overflow:hidden}.player:before{content:"";background-image:var(--cover-art-url,none);filter:blur(28px)saturate(160%)brightness(1.1);z-index:-2;pointer-events:none;opacity:.95;background-position:0;background-size:cover;transition:background-image .4s,opacity .3s;position:absolute;inset:-30px;transform:scale(1.3)}[data-theme=light] .player,:root:not([data-theme=dark]) .player{background-color:hsla(var(--track-hue,30), 45%, 94%, .82);color:var(--ink-900,#141211);border:1px solid hsla(var(--track-hue,30), 40%, 80%, .45);box-shadow:0 12px 36px hsla(var(--track-hue,30), 40%, 25%, .16), 0 2px 10px #0000000f, inset 0 1px 0 #ffffffbf;-webkit-backdrop-filter:blur(24px)saturate(180%)}[data-theme=light] .player:after,:root:not([data-theme=dark]) .player:after{content:"";border-radius:inherit;background:linear-gradient(90deg, hsla(var(--track-hue,30), 55%, 96%, .25) 0%, #fff9 25%, #ffffffbf 100%);z-index:-1;pointer-events:none;position:absolute;inset:0}.player .track__cover{z-index:1;flex-shrink:0;position:relative;border-radius:var(--radius-md)!important;width:38px!important;height:38px!important;box-shadow:0 4px 16px hsla(var(--track-hue,30), 50%, 20%, .35)!important;border:1.5px solid #fff6!important}[data-theme=light] .player__mobile-progress,:root:not([data-theme=dark]) .player__mobile-progress{background:hsla(var(--track-hue,30), 30%, 30%, .14)}[data-theme=light] .player__time,:root:not([data-theme=dark]) .player__time{color:hsla(var(--track-hue,30), 35%, 22%, .85);font-weight:var(--fw-medium)}[data-theme=light] .player__controls .btn-icon,:root:not([data-theme=dark]) .player__controls .btn-icon{color:hsla(var(--track-hue,30), 45%, 15%, .9)}[data-theme=light] .player__controls .btn-icon:hover,:root:not([data-theme=dark]) .player__controls .btn-icon:hover{background:hsla(var(--track-hue,30), 40%, 40%, .1)}[data-theme=dark] .player{background-color:hsla(var(--track-hue,30), 25%, 10%, .86);color:#fff;-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid #ffffff24;box-shadow:0 16px 40px #000000a6,inset 0 0 0 1px #ffffff14}[data-theme=dark] .player:after{content:"";border-radius:inherit;background:linear-gradient(90deg, hsla(var(--track-hue,30), 30%, 12%, .3) 0%, #0f0e0da6 30%, #0f0e0dd1 100%);z-index:-1;pointer-events:none;position:absolute;inset:0}.track{grid-template-columns:48px 1fr auto}.track__artist,.track__time{display:none}.hero__art{opacity:.4}.now-playing{display:none!important}.media-grid{gap:var(--space-3)!important;scrollbar-width:none!important;flex-wrap:nowrap!important;display:flex!important;overflow:auto hidden!important}.media-grid--playlists>.media-item,.media-grid--albums>.media-item{flex:0 0 160px!important;width:160px!important}.media-grid--playlists,.media-grid--albums{grid-template-columns:repeat(2,minmax(0,1fr))!important}.media-grid--artists{gap:var(--space-4)!important;grid-template-columns:repeat(2,1fr)!important;display:grid!important;overflow:hidden auto!important}.media-item--mobile-only{display:block!important}.media-item--desktop-only{display:none!important}.grid-artists{gap:var(--space-4)!important;padding-bottom:var(--space-2)!important;margin-right:calc(-1 * var(--space-4))!important;padding-right:var(--space-4)!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;display:flex!important;overflow:auto hidden!important}.grid-artists::-webkit-scrollbar{display:none!important}.grid-artists>li{flex:0 0 96px!important;width:96px!important}.grid-artists .artist-card__avatar-wrap{width:88px!important;max-width:88px!important;height:88px!important}.song-table-header{gap:var(--space-2)!important;grid-template-columns:24px 36px 1fr 30px 30px 42px 28px!important;padding:6px 8px!important}.song-table-header [data-col=artist],.song-table-header [data-col=album],.song-table-header [data-col=uploader]{display:none!important}.song-table-header [data-col=add],.song-table-header [data-col=like]{display:flex!important}.song-table-row{gap:var(--space-2)!important;grid-template-columns:24px 36px 1fr 30px 30px 42px 28px!important;padding:6px 8px!important}.song-table-row .col-artist,.song-table-row .col-album,.song-table-row .col-uploader{display:none!important}.song-table-row .col-add,.song-table-row .col-like{display:flex!important}.song-table-row .col-add .btn-icon,.song-table-row .col-like .btn-icon{opacity:1!important;width:28px!important;height:28px!important}.song-table-row .col-like .btn-icon{color:var(--text-muted)}.song-table-row .col-like .btn-icon svg{width:15px!important;height:15px!important}.song-table-row .col-add .btn-icon svg{width:16px!important;height:16px!important}.song-table-row .col-cover{width:36px!important;height:36px!important}.col-title__mobile-artist{display:block!important}.page-header{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;align-items:stretch!important}.page-header__content{flex:100%;width:100%}.page-header__title{font-size:1.65rem!important}.page-header p,.page-header__desc{font-size:var(--fs-sm);max-width:100%;line-height:1.4}.page-header__action{width:100%}.page-header__action .btn{justify-content:center;width:100%}.albums-toolbar,.playlists-toolbar,.artists-toolbar,.favorites-toolbar{flex-direction:column;align-items:stretch!important;gap:var(--space-3)!important;margin-bottom:var(--space-4)!important}.albums-toolbar .segmented,.playlists-toolbar .segmented,.artists-toolbar .segmented,.favorites-toolbar .segmented{width:100%;display:flex}.albums-toolbar .segmented button,.playlists-toolbar .segmented button,.artists-toolbar .segmented button,.favorites-toolbar .segmented button{text-align:center;flex:1;justify-content:center}.albums-toolbar__search,.playlists-toolbar__search,.artists-toolbar__search,.favorites-toolbar__search{flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.album-detail-header,.playlist-detail-header,.artist-detail-header,.songs-banner{text-align:left!important;padding:var(--space-3) var(--space-3)!important;align-items:center!important;gap:var(--space-3)!important;border-radius:var(--radius-lg)!important;flex-direction:row!important;min-height:auto!important}.album-detail-header__cover,.playlist-detail-header__cover,.artist-detail-header__cover,.songs-banner__cover{border-radius:var(--radius-sm)!important;border:none!important;width:80px!important;min-width:80px!important;height:80px!important;box-shadow:0 4px 12px #0006!important}.album-detail-header__info,.playlist-detail-header__info,.artist-detail-header__info,.songs-banner__info,.album-detail-header>div:last-child,.playlist-detail-header>div:last-child,.artist-detail-header>div:last-child{text-align:left!important;flex-direction:column!important;flex:auto!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;display:flex!important}.album-detail-header__tag,.playlist-detail-header__tag,.artist-detail-header__tag,.songs-banner__tag{letter-spacing:.08em!important;font-size:.62rem!important}.album-detail-header h1,.playlist-detail-header h1,.artist-detail-header h1,.songs-banner h1{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;margin:0!important;font-size:1.15rem!important;line-height:1.15!important;overflow:hidden!important}.album-detail-header p,.playlist-detail-header p,.artist-detail-header p,.songs-banner p{font-size:var(--fs-xs)!important;color:#fffc!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;margin:0!important;line-height:1.35!important;display:-webkit-box!important;overflow:hidden!important}.album-detail-header>div:last-child>div:last-child,.playlist-detail-header>div:last-child>div:last-child,.artist-detail-header>div:last-child>div:last-child,.songs-banner>div:last-child>div:last-child{justify-content:flex-start!important;gap:var(--space-2)!important;white-space:nowrap!important;margin-top:2px!important;font-size:.7rem!important}.album-detail-controls,.playlist-detail-controls,.artist-detail-controls,.songs-controls{align-items:stretch!important;gap:var(--space-3)!important;flex-direction:column!important}.album-detail-controls__actions,.playlist-detail-controls__actions,.artist-detail-controls__actions,.songs-controls__left{gap:var(--space-2)!important;flex-wrap:wrap!important;align-items:center!important;width:100%!important;display:flex!important}.album-detail-controls__actions .btn,.playlist-detail-controls__actions .btn,.artist-detail-controls__actions .btn,.songs-controls__add-btn{flex:auto!important;justify-content:center!important;min-width:120px!important}.songs-controls__tabs{flex:100%!important;width:100%!important;display:flex!important}.songs-controls__tabs button{text-align:center!important;flex:1!important;justify-content:center!important}.album-detail-controls__search,.playlist-detail-controls__search,.artist-detail-controls__search,.songs-controls__search{flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.settings-hero{text-align:left!important;padding:var(--space-3) var(--space-4)!important;align-items:center!important;gap:var(--space-3)!important;border-radius:var(--radius-md)!important;flex-direction:row!important;min-height:72px!important}.settings-hero__icon{border-radius:var(--radius-sm)!important;flex-shrink:0!important;width:44px!important;height:44px!important}.settings-hero__icon svg{width:22px!important;height:22px!important}.settings-hero__content{text-align:left!important;flex:1!important;align-items:flex-start!important;gap:1px!important;width:auto!important;min-width:0!important}.settings-hero__content span{padding:1px 6px!important;font-size:.6rem!important}.settings-hero__content h1{margin:0!important;font-size:1.15rem!important;line-height:1.15!important}.settings-hero__content p{display:none!important}.settings-tabs{align-items:stretch!important;gap:var(--space-3)!important;flex-direction:column!important}.settings-tabs__segmented{width:100%!important;display:flex!important}.settings-tabs__segmented button{font-size:var(--fs-xs)!important;text-align:center!important;flex:1!important;justify-content:center!important;padding:8px 6px!important}.settings-tabs__reset-btn{display:none!important}.profile-hero__banner{height:120px!important}.profile-hero__strip{text-align:center!important;padding:var(--space-3) var(--space-4) var(--space-4)!important;align-items:center!important;gap:var(--space-3)!important;flex-direction:column!important}.profile-hero__user{text-align:center!important;align-items:center!important;gap:var(--space-2)!important;flex-direction:column!important;width:100%!important}.profile-hero__avatar{margin-top:-46px!important}.profile-hero__avatar img{border-width:3px!important;width:76px!important;height:76px!important}.profile-hero__info{text-align:center!important;justify-content:center!important;align-items:center!important}.profile-hero__info>div{justify-content:center!important}.profile-hero__stats{width:100%!important;padding:var(--space-2) var(--space-3)!important;box-sizing:border-box!important;justify-content:space-around!important}.profile-tabs{align-items:stretch!important;gap:var(--space-2)!important;flex-direction:column!important}.profile-tabs__segmented{width:100%!important;display:flex!important}.profile-tabs__segmented button{font-size:var(--fs-xs)!important;text-align:center!important;flex:1!important;justify-content:center!important;padding:8px 4px!important}.profile-tabs__logout-btn{justify-content:center!important;width:100%!important;min-height:38px!important}.notif-hero{text-align:left!important;padding:var(--space-3) var(--space-4)!important;align-items:center!important;gap:var(--space-3)!important;border-radius:var(--radius-md)!important;flex-direction:row!important;min-height:72px!important}.notif-hero__icon{border-radius:var(--radius-sm)!important;flex-shrink:0!important;width:44px!important;height:44px!important}.notif-hero__icon svg{width:22px!important;height:22px!important}.notif-hero__content{text-align:left!important;flex:1!important;align-items:flex-start!important;gap:1px!important;width:auto!important;min-width:0!important}.notif-hero__content h1{margin:0!important;font-size:1.15rem!important;line-height:1.15!important}.notif-hero__content p{display:none!important}.notif-controls{align-items:stretch!important;gap:var(--space-2)!important;flex-direction:column!important}.notif-controls__left{align-items:stretch!important;gap:var(--space-2)!important;flex-direction:column!important;width:100%!important}.notif-controls__tabs{width:100%!important;display:flex!important}.notif-controls__tabs button{text-align:center!important;flex:1!important;justify-content:center!important;padding:8px 4px!important;font-size:.72rem!important}.notif-controls__mark-btn{justify-content:center!important;width:100%!important}.notif-controls__search{flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.notif-item{gap:var(--space-2)!important;align-items:flex-start!important;padding:10px!important}.notif-item__top{gap:4px!important}.notif-item__desc{white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.notif-item__action{display:none!important}.notif-item__controls{align-self:flex-start!important}.notif-item__time-badge{display:none!important}.new-hero{text-align:left!important;padding:var(--space-3) var(--space-4)!important;align-items:center!important;gap:var(--space-3)!important;border-radius:var(--radius-md)!important;flex-direction:row!important;min-height:72px!important}.new-hero__cover{border-radius:var(--radius-sm)!important;flex-shrink:0!important;width:60px!important;height:60px!important}.new-hero__content{text-align:left!important;flex:1!important;align-items:flex-start!important;gap:1px!important;width:auto!important;min-width:0!important}.new-hero__badge{padding:1px 6px!important;font-size:.6rem!important}.new-hero__title{margin:0!important;font-size:1.15rem!important;line-height:1.15!important}.new-hero__desc{display:none!important}.new-hero__meta{gap:var(--space-2)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.68rem!important;overflow:hidden!important}.new-controls{align-items:stretch!important;gap:var(--space-2)!important;flex-direction:column!important}.new-controls__left{align-items:center!important;gap:var(--space-2)!important;width:100%!important;display:flex!important}.new-controls__tabs{flex:1!important;width:100%!important;display:flex!important}.new-controls__tabs button{text-align:center!important;flex:1!important;justify-content:center!important;padding:8px 4px!important;font-size:.72rem!important}.new-controls__search{flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}}.col-title__mobile-artist{display:none}@media (min-width:761px) and (max-width:1100px){.media-grid{gap:var(--space-4)!important;scrollbar-width:none!important;flex-wrap:nowrap!important;display:flex!important;overflow:auto hidden!important}.media-grid--playlists>.media-item,.media-grid--albums>.media-item{flex:0 0 180px!important;width:180px!important}.media-grid--artists{gap:var(--space-4)!important;grid-template-columns:repeat(3,1fr)!important;display:grid!important;overflow:hidden auto!important}.grid-artists{gap:var(--space-4)!important;padding-bottom:var(--space-2)!important;margin-right:calc(-1 * var(--space-4))!important;padding-right:var(--space-4)!important;scrollbar-width:none!important;flex-wrap:nowrap!important;display:flex!important;overflow:auto hidden!important}.grid-artists>li{flex:0 0 120px!important;width:120px!important}.grid-artists .artist-card__avatar-wrap{width:110px!important;max-width:110px!important;height:110px!important}.song-table-header{grid-template-columns:32px 40px 1.5fr 1fr 36px 36px 45px 28px!important}.song-table-header [data-col=album],.song-table-header [data-col=uploader]{display:none!important}.song-table-row{grid-template-columns:32px 40px 1.5fr 1fr 36px 36px 45px 28px!important}.song-table-row .col-album,.song-table-row .col-uploader{display:none!important}}@media (max-width:860px){.control-nav-bar{gap:var(--space-3)}.control-segmented-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.control-segmented-scroll::-webkit-scrollbar{display:none}}@media (max-width:480px){.segmented button{font-size:var(--fs-xs)!important;padding:6px 12px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.btn,.input,.card{border:1px solid canvastext}}