:root{--player-bar-height:94px;--player-bar-height-actual:var(--player-bar-height);--theme-transition-ms:280ms;--shell-gap:10px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--viewport-bottom-offset:0px;--player-safe-bottom:max(var(--shell-gap),calc(var(--safe-area-bottom) + var(--viewport-bottom-offset)));--playlist-drawer-top-gap:62px;--bg-base:#07090d;--bg-elev-1:rgba(20,24,31,0.62);--bg-elev-2:rgba(24,29,38,0.68);--bg-elev-3:rgba(30,35,46,0.72);--bg-soft:rgba(255,255,255,0.04);--line-soft:rgba(255,255,255,0.09);--line-strong:rgba(255,255,255,0.16);--text-main:#f7f8fb;--text-sub:#b8c0cf;--text-soft:#8d97a9;--brand:#22d35e;--brand-strong:#3ee06f;--detail-fallback-a:rgba(34,211,94,0.35);--detail-fallback-b:rgba(12,28,19,0.95);--detail-fallback-glow:rgba(62,224,111,0.34);--detail-fg-main:rgba(248,251,255,0.98);--detail-fg-sub:rgba(227,235,247,0.86);--detail-fg-soft:rgba(210,220,235,0.7);--detail-control-bg:rgba(255,255,255,0.1);--detail-control-border:rgba(255,255,255,0.24);--detail-control-hover:rgba(255,255,255,0.2);--detail-control-active:rgba(255,255,255,0.2);--detail-overlay:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(0,0,0,0.32));--detail-dock-bg:linear-gradient(180deg,rgba(10,16,24,0.22),rgba(6,10,15,0.78));--detail-range-inactive:rgba(255,255,255,0.26);--detail-palette-transition-ms:960ms;--danger:#ff7c95;--warning:#ffc0cd;--glow-brand:rgba(34,211,94,0.3);--radius-xl:18px;--radius-lg:14px;--radius-md:10px;--radius-pill:999px;--shadow-low:0 8px 22px rgba(0,0,0,0.22);--shadow-mid:0 16px 42px rgba(0,0,0,0.32);--shadow-high:0 24px 56px rgba(0,0,0,0.42);--ease:cubic-bezier(0.2,0.7,0.2,1)}:root[data-theme=light]{--bg-base:#eef3f8;--bg-elev-1:rgba(255,255,255,0.84);--bg-elev-2:rgba(246,250,255,0.9);--bg-elev-3:rgba(244,248,252,0.92);--bg-soft:rgba(16,24,40,0.04);--line-soft:rgba(28,40,56,0.12);--line-strong:rgba(28,40,56,0.24);--text-main:#101623;--text-sub:#4f5d73;--text-soft:#6a7890;--brand:#1ca451;--brand-strong:#2ebf65;--detail-fallback-a:rgba(52,168,99,0.26);--detail-fallback-b:rgba(235,243,249,0.96);--detail-fallback-glow:rgba(52,168,99,0.28);--detail-fg-main:rgba(13,21,33,0.96);--detail-fg-sub:rgba(27,39,56,0.84);--detail-fg-soft:rgba(45,60,80,0.72);--detail-control-bg:rgba(15,25,36,0.11);--detail-control-border:rgba(21,37,56,0.24);--detail-control-hover:rgba(20,33,48,0.18);--detail-control-active:rgba(20,33,48,0.2);--detail-overlay:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(7,14,24,0.2));--detail-dock-bg:linear-gradient(180deg,rgba(255,255,255,0.28),rgba(220,232,245,0.82));--detail-range-inactive:rgba(17,28,42,0.2);--glow-brand:rgba(28,164,81,0.24);--shadow-low:0 8px 20px rgba(64,87,122,0.12);--shadow-mid:0 16px 36px rgba(64,87,122,0.16);--shadow-high:0 20px 44px rgba(64,87,122,0.2)}*{box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.2)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.32)}body,html{margin:0;padding:0;min-height:100%;height:100%;color:var(--text-main);font-family:Inter,Noto Sans SC,PingFang SC,sans-serif;background:radial-gradient(850px 550px at 15% -5%,rgba(59,130,246,.25),transparent 55%),radial-gradient(750px 520px at 90% 10%,rgba(34,211,94,.22),transparent 60%),radial-gradient(1000px 800px at 50% 120%,rgba(147,51,234,.08),transparent 70%),var(--bg-base);transition:background var(--theme-transition-ms) ease,color var(--theme-transition-ms) ease;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input{font:inherit}.icon-btn,.sidebar-entry,.spotify-track-row,[role=button],a,button,input[type=range]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid rgba(62,224,111,.72);outline-offset:2px}.spotify-shell{height:100vh;height:100svh;height:100dvh;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;padding:var(--shell-gap);padding-bottom:calc(var(--player-bar-height-actual, var(--player-bar-height)) + var(--player-safe-bottom) + var(--shell-gap) + 8px);background:transparent;transition:color var(--theme-transition-ms) ease}.spotify-layout{flex:1 1 auto;min-height:0;min-width:0;height:auto;display:grid;overflow:hidden;align-items:stretch;grid-gap:10px;gap:10px;grid-template-columns:clamp(14rem,14vw + 8rem,17.5rem) minmax(0,1fr) clamp(19rem,18vw + 9rem,24rem)}.home-subcard,.spotify-main,.spotify-now-card,.spotify-panel,.spotify-player-bar,.spotify-results,.spotify-right,.spotify-sidebar{border-radius:var(--radius-xl);border:1px solid var(--line-soft);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 35%),var(--bg-elev-1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-low);transition:background var(--theme-transition-ms) ease,border-color var(--theme-transition-ms) ease,box-shadow var(--theme-transition-ms) ease,color var(--theme-transition-ms) ease}.spotify-main,.spotify-right,.spotify-sidebar{overflow:hidden;animation:fade-up .5s var(--ease) both}.spotify-sidebar{padding:16px 14px;display:grid;grid-template-rows:auto auto 1fr;grid-gap:16px;gap:16px}.spotify-logo{font-size:32px;line-height:1.16;display:block;padding-bottom:2px;margin:0;letter-spacing:-.5px;font-weight:800;background:linear-gradient(95deg,#ffffff,#dbffe6 50%,#cde7ff);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] .spotify-logo{background:linear-gradient(95deg,#0a1a34,#13426a 52%,#2b648f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.26)}.spotify-nav,.spotify-nav-row{display:grid;grid-gap:8px;gap:8px}.spotify-nav button{border:0;border-radius:var(--radius-md);padding:10px 12px;background:transparent;color:var(--text-sub);text-align:left;font-weight:600;cursor:pointer;transition:transform .14s var(--ease),background .18s ease,color .18s ease}.spotify-nav button:hover{color:var(--text-main);background:rgba(255,255,255,.08)}.spotify-nav button:active{transform:translateY(1px) scale(.985)}.spotify-nav button.active{color:var(--text-main);background:linear-gradient(120deg,rgba(34,211,94,.2),rgba(59,130,246,.16)),rgba(255,255,255,.06);border:1px solid rgba(34,211,94,.26)}.spotify-collections{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}.spotify-collections h3{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.8px}.spotify-mini-list{display:grid;grid-gap:6px;gap:6px}.spotify-mini-list p{margin:0;color:var(--text-soft);font-size:13px}.spotify-mini-list button{border:0;border-radius:var(--radius-md);background:rgba(255,255,255,.03);color:var(--text-sub);text-align:left;padding:9px 10px;cursor:pointer;transition:transform .14s var(--ease),background .18s ease,color .18s ease}.spotify-mini-list button:hover{color:var(--text-main);background:rgba(255,255,255,.09)}.spotify-mini-list button:active{transform:translateY(1px) scale(.985)}.sidebar-entry-list{display:grid;grid-gap:8px;gap:8px}.sidebar-entry{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.04);color:var(--text-main);text-align:left;padding:10px 11px;display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;transition:transform .14s var(--ease),background .2s ease,border-color .2s ease}.sidebar-entry small{color:var(--text-sub);font-size:12px}.sidebar-entry em{color:var(--text-soft);font-style:normal}.sidebar-entry:hover{background:rgba(255,255,255,.1);border-color:var(--line-strong)}.sidebar-entry:active{transform:translateY(1px) scale(.985)}.sidebar-entry.active{border-color:rgba(34,211,94,.4);background:rgba(34,211,94,.16)}.theme-switch-card{margin-top:auto;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-gap:8px;gap:8px}.theme-switch-card>span{font-size:12px;color:var(--text-soft)}.account-switch-card{margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-gap:8px;gap:8px}.account-switch-card>span{font-size:12px;color:var(--text-soft)}.account-switch-body{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.04);padding:10px;display:grid;grid-gap:10px;gap:10px}.account-switch-meta{display:grid;grid-gap:2px;gap:2px}.account-switch-meta strong{font-size:14px;line-height:1.3}.account-switch-meta small{color:var(--text-sub);font-size:12px}.account-switch-actions{display:flex;gap:8px}.account-switch-actions button{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:rgba(255,255,255,.08);color:var(--text-main);padding:6px 12px;cursor:pointer;transition:transform .14s var(--ease),background .2s ease,border-color .2s ease}.account-switch-actions button:hover{background:rgba(255,255,255,.16);border-color:var(--line-strong)}.account-switch-actions button:active{transform:translateY(1px) scale(.985)}.account-switch-actions button.ghost{background:transparent}.account-switch-tip{margin:0;color:var(--text-sub);font-size:12px}.account-switch-tip.error{color:var(--danger)}.account-switch-tip.warning{color:var(--warning)}.account-refresh-warning{margin-top:6px;border:1px solid rgba(255,192,205,.34);border-radius:var(--radius-md);background:rgba(255,124,149,.1);padding:8px 9px;display:grid;grid-gap:8px;gap:8px}.account-refresh-warning p{margin:0;color:var(--warning);font-size:12px;line-height:1.4}.account-refresh-warning button{justify-self:start;border:1px solid rgba(255,192,205,.46);border-radius:var(--radius-pill);background:rgba(255,255,255,.12);color:#ffeaf0;padding:6px 12px;font-size:12px;cursor:pointer}.sidebar-mobile-tools{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative}.sidebar-mobile-account-toggle{background:rgba(255,255,255,.09);padding:6px 12px;font-weight:700;min-width:48px}.sidebar-mobile-account-btn,.sidebar-mobile-account-toggle{border:1px solid var(--line-soft);border-radius:var(--radius-pill);color:var(--text-main);font-size:12px;white-space:nowrap;cursor:pointer}.sidebar-mobile-account-btn{background:rgba(255,255,255,.08);padding:6px 10px;font-weight:600;min-width:88px}.sidebar-mobile-account-btn.ghost{background:transparent}.sidebar-mobile-account-btn.retry{min-width:96px}.account-refresh-warning.mobile-inline{margin:8px 0 0}.theme-switch{width:72px;height:36px;border-radius:999px;border:1px solid var(--line-soft);background:linear-gradient(140deg,rgba(255,255,255,.16),rgba(255,255,255,.04));padding:4px;position:relative;cursor:pointer;transition:border-color var(--theme-transition-ms) ease,background var(--theme-transition-ms) ease,box-shadow var(--theme-transition-ms) ease}.theme-switch-icon{position:absolute;top:50%;width:16px;height:16px;margin-top:-8px;display:inline-grid;place-items:center;color:var(--text-sub);opacity:.52;z-index:1;transition:color .28s ease,opacity .28s ease;pointer-events:none}.theme-switch-icon.sun{left:8px}.theme-switch-icon.moon{right:8px}.theme-switch-icon svg{width:14px;height:14px}.theme-switch-thumb{position:absolute;left:4px;top:4px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fffdf4,#ffe6a6);box-shadow:0 4px 12px rgba(0,0,0,.28);transform:translateX(0);transition:transform .28s var(--ease),background .28s ease,color .28s ease}.theme-switch.is-light .theme-switch-thumb{transform:translateX(0);background:linear-gradient(145deg,#fffdf3,#ffe2a3);color:#c87800}.theme-switch-thumb-icon{width:14px;height:14px;display:inline-grid;place-items:center}.theme-switch-thumb-icon svg{width:14px;height:14px}.theme-switch.is-dark .theme-switch-icon.moon{opacity:0}.theme-switch.is-dark .theme-switch-icon.sun{opacity:.88;color:#f2aa1f}.theme-switch.is-light .theme-switch-icon.sun{opacity:0}.theme-switch.is-light .theme-switch-icon.moon{opacity:.88;color:#6f7fa0}.theme-switch.is-dark .theme-switch-thumb{transform:translateX(36px);background:linear-gradient(145deg,#2e374a,#1f2735);color:#dfe6ff}:root[data-theme=light] .theme-switch{background:linear-gradient(140deg,rgba(236,242,250,.95),rgba(221,233,247,.85))}.theme-switch-mobile{display:flex;align-items:center;justify-content:flex-end}.theme-switch-mobile.compact .theme-switch{width:64px;height:32px}.theme-switch-mobile.compact .theme-switch-thumb{width:24px;height:24px}.theme-switch-mobile.compact .theme-switch.is-dark .theme-switch-thumb{transform:translateX(32px)}.spotify-main{padding:18px;display:grid;align-content:start;grid-gap:16px;gap:16px;overflow:auto;scrollbar-gutter:stable both-edges;min-width:0;overflow-x:hidden}.now-playing-merged{display:grid;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:radial-gradient(360px 180px at 90% 0,rgba(34,211,94,.18),transparent 72%),linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(21,26,35,.72);grid-gap:12px;gap:12px;animation:fade-up .4s var(--ease) both}.now-playing-merged-main{display:flex;align-items:center;gap:12px;min-width:0}.now-playing-merged-cover{width:72px;min-width:72px;aspect-ratio:1/1;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05)}.now-playing-merged-cover .vinyl{width:82%}.now-playing-merged-meta{min-width:0;display:grid;grid-gap:6px;gap:6px}.now-playing-merged-meta h3{font-size:20px;line-height:1.25}.now-playing-merged-meta h3,.now-playing-merged-meta p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-merged-meta p{color:var(--text-sub)}.now-playing-merged-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.spotify-player-controls.compact .play-main{--btn-size:2.6rem}.now-playing-merged-detail-btn{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:rgba(255,255,255,.08);color:var(--text-main);padding:8px 13px;cursor:pointer;transition:transform .14s var(--ease),background .2s ease,border-color .2s ease}.now-playing-merged-detail-btn:hover{background:rgba(255,255,255,.15);border-color:var(--line-strong)}.now-playing-merged-detail-btn:active{transform:translateY(1px) scale(.985)}.spotify-topbar{animation:fade-up .48s var(--ease) both}.spotify-topbar h1{margin:0;font-size:clamp(1.85rem,1.5vw + 1.35rem,2.45rem);line-height:1.1;letter-spacing:-.4px}.spotify-topbar p{margin:8px 0 0;color:var(--text-sub);font-size:14px}.home-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;animation:fade-up .42s var(--ease) both}.home-toolbar-main h1{margin:0;font-size:clamp(1.8rem,1.5vw + 1.1rem,2.35rem)}.home-toolbar-main p{margin:6px 0 0;color:var(--text-sub)}.home-toolbar-actions{display:flex;gap:8px}.home-toolbar-actions button.primary{border-color:rgba(34,211,94,.42);background:linear-gradient(130deg,rgba(34,211,94,.32),rgba(59,130,246,.2))}.home-event-card button,.home-section-head button,.home-toolbar-actions button{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:rgba(255,255,255,.08);color:var(--text-main);padding:8px 14px;cursor:pointer;transition:transform .15s var(--ease),background .2s ease,border-color .2s ease}.home-event-card button:hover,.home-section-head button:hover,.home-toolbar-actions button:hover{background:rgba(255,255,255,.15);border-color:var(--line-strong)}.home-event-card button:active,.home-section-head button:active,.home-toolbar-actions button:active{transform:translateY(1px) scale(.985)}.home-channel-row{display:grid;grid-template-columns:repeat(var(--home-grid-columns,1),minmax(0,1fr));grid-gap:12px;gap:12px;overflow:visible;padding:0;animation:fade-up .5s var(--ease) both}.home-channel-card{min-height:0;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 44%),rgba(30,34,46,.76);color:var(--text-main);padding:12px;text-align:left;display:grid;grid-template-rows:auto auto auto 1fr;align-content:start;grid-gap:8px;gap:8px;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.3);transition:transform .2s var(--ease),box-shadow .24s ease,border-color .24s ease}.home-channel-cover{width:100%;aspect-ratio:1/1;border-radius:12px;background:radial-gradient(circle at 72% 10%,rgba(34,211,94,.3),transparent 42%),linear-gradient(140deg,rgba(90,96,115,.95),rgba(45,48,63,.95));background-size:cover;background-position:50%;border:1px solid rgba(255,255,255,.1)}.home-channel-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 18px 42px rgba(0,0,0,.38)}.home-channel-card h3{margin:0;font-size:21px;line-height:1.2}.home-channel-card p{margin:0;font-size:13px;color:rgba(246,249,255,.92);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.home-channel-tag{width:max-content;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.24);color:rgba(255,255,255,.88);padding:4px 8px;font-size:12px;font-weight:700}.home-channel-card.placeholder{grid-column:1/-1;min-height:220px;align-content:end}.home-channel-cta{margin-top:8px;width:-moz-fit-content;width:fit-content;border:0;border-radius:var(--radius-pill);background:#fff;color:#0a0c11;font-weight:700;padding:8px 14px;cursor:pointer}.home-event-section,.home-playlist-section{display:grid;grid-gap:10px;gap:10px;animation:fade-up .56s var(--ease) both}.home-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.home-section-head h2{margin:0;font-size:clamp(1.25rem,.65vw + 1rem,1.62rem)}.home-playlist-grid{display:grid;grid-template-columns:repeat(var(--home-grid-columns,1),minmax(0,1fr));grid-gap:12px;gap:12px}.home-playlist-more-section{margin-top:8px}.home-playlist-more-section .home-playlist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.home-playlist-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:10px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(24,29,38,.68);text-align:left;color:var(--text-main);cursor:pointer;display:grid;grid-gap:8px;gap:8px;transition:transform .18s var(--ease),background .2s ease,border-color .2s ease}.home-playlist-card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),rgba(30,36,48,.74)}.home-playlist-cover{width:100%;aspect-ratio:1/1;max-height:160px;border-radius:10px;background:radial-gradient(circle at 70% 10%,rgba(34,211,94,.28),transparent 45%),linear-gradient(140deg,rgba(90,96,115,.95),rgba(45,48,63,.95));background-size:cover;background-position:50%}.home-playlist-card h3{margin:0;font-size:16px;line-height:1.3}.home-playlist-card p{margin:0;color:var(--text-sub);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.home-playlist-drawer-overlay{position:fixed;inset:0;z-index:86;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .26s ease}.home-playlist-drawer-overlay.phase-open{opacity:1;pointer-events:auto}.home-playlist-drawer-overlay.phase-closing,.home-playlist-drawer-overlay.phase-opening{opacity:0;pointer-events:auto}.home-playlist-drawer-backdrop{position:absolute;inset:0;background:rgba(5,8,14,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .26s ease}.home-playlist-drawer-backdrop.phase-open{opacity:1}.home-playlist-drawer-backdrop.phase-closing,.home-playlist-drawer-backdrop.phase-opening{opacity:0}.home-playlist-drawer{position:fixed;left:50%;--playlist-drawer-bottom-gap:max(10px,calc(env(safe-area-inset-bottom, 0px) + var(--viewport-bottom-offset, 0px) + 10px));bottom:var(--playlist-drawer-bottom-gap);transform:translate3d(-50%,108%,0);z-index:1;width:min(980px,calc(100% - 20px));height:calc(100vh - var(--playlist-drawer-top-gap) - var(--playlist-drawer-bottom-gap));height:calc(100dvh - var(--playlist-drawer-top-gap) - var(--playlist-drawer-bottom-gap));max-height:calc(100vh - var(--playlist-drawer-top-gap) - var(--playlist-drawer-bottom-gap));max-height:calc(100dvh - var(--playlist-drawer-top-gap) - var(--playlist-drawer-bottom-gap));overflow:hidden;border-radius:18px 18px 14px 14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(16,22,30,.94);box-shadow:var(--shadow-high);display:grid;grid-template-rows:auto auto minmax(0,1fr);transition:transform .26s var(--ease),background var(--theme-transition-ms) ease,border-color var(--theme-transition-ms) ease,box-shadow var(--theme-transition-ms) ease,color var(--theme-transition-ms) ease}.home-playlist-drawer.phase-open{transform:translate3d(-50%,0,0)}.home-playlist-drawer.phase-closing,.home-playlist-drawer.phase-opening{transform:translate3d(-50%,108%,0)}.account-dialog-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center}.account-dialog-backdrop{position:absolute;inset:0;border:0;background:rgba(7,11,18,.76);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account-dialog-panel{position:relative;z-index:1;width:min(460px,calc(100% - 20px));border-radius:16px;border:1px solid var(--line-soft);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--bg-elev-2);box-shadow:var(--shadow-high);padding:16px;display:grid;grid-gap:12px;gap:12px;animation:fade-slide-up .24s var(--ease) both}.account-dialog-panel.mobile{width:calc(100% - 12px);align-self:end;margin-bottom:max(8px,calc(env(safe-area-inset-bottom, 0px) + 8px));border-radius:16px 16px 12px 12px}.account-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.account-dialog-head h3{margin:0;font-size:18px}.account-dialog-head .ghost{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:transparent;color:var(--text-sub);padding:6px 10px;cursor:pointer}.account-dialog-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.account-dialog-tabs button{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:rgba(255,255,255,.06);color:var(--text-main);padding:8px 10px;cursor:pointer}.account-dialog-tabs button.active{border-color:rgba(34,211,94,.4);background:rgba(34,211,94,.2)}.account-form-label{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--text-sub)}.account-form-label input{width:100%;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.06);color:var(--text-main);padding:10px 11px}.account-form-submit{border:1px solid rgba(34,211,94,.36);border-radius:var(--radius-pill);background:linear-gradient(120deg,rgba(34,211,94,.28),rgba(59,130,246,.22));color:var(--text-main);padding:9px 14px;cursor:pointer}.account-form-submit:disabled{cursor:not-allowed;opacity:.62}.account-form-error{margin:0;color:var(--danger);font-size:13px}.account-form-note{margin:0;color:var(--text-soft);font-size:12px}.home-playlist-drawer-head{display:grid;grid-template-columns:118px minmax(0,1fr);grid-gap:12px;gap:12px;padding:14px;border-bottom:1px solid rgba(255,255,255,.1)}.home-playlist-drawer-cover{width:118px;aspect-ratio:1/1;border-radius:12px;background-size:cover;background-position:50%;background-color:rgba(255,255,255,.08)}.home-playlist-drawer-meta{min-width:0;display:grid;align-content:center;grid-gap:6px;gap:6px}.home-playlist-drawer-meta span{font-size:12px;color:var(--text-sub)}.home-playlist-drawer-meta h3{margin:0;font-size:24px;line-height:1.2}.home-playlist-drawer-meta p{margin:0;color:var(--text-sub);font-size:13px}.home-playlist-summary{max-height:calc(1.45em * 3);overflow:hidden}.home-playlist-summary.expanded{max-height:clamp(84px,22vh,190px);overflow:auto;padding-right:3px}.home-playlist-summary p{margin:0;color:var(--text-sub);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-playlist-summary.expanded p{display:block}.home-playlist-summary-toggle{width:-moz-fit-content;width:fit-content;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);background:rgba(255,255,255,.08);color:var(--text-main);padding:5px 11px;cursor:pointer}.home-playlist-drawer-actions{padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}.home-playlist-drawer-actions button{border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);background:rgba(255,255,255,.08);color:var(--text-main);padding:7px 12px;cursor:pointer}.home-playlist-drawer-actions button:hover{background:rgba(255,255,255,.14)}.home-playlist-drawer-actions button.ghost{background:rgba(255,255,255,.03)}.home-playlist-drawer-actions button:disabled{opacity:.45;cursor:not-allowed}.home-playlist-drawer-list{overflow:auto;padding:10px 14px 14px}.home-playlist-drawer-list,.home-playlist-skeleton-list{display:grid;grid-gap:8px;gap:8px}.home-playlist-skeleton-row{display:grid;grid-template-columns:48px minmax(0,1fr) 88px;grid-gap:8px;gap:8px}.home-playlist-skeleton-row div{height:48px;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11),rgba(255,255,255,.05));background-size:200% 100%;animation:shimmer 1.25s linear infinite}.home-playlist-track-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.home-playlist-track-row.active .home-playlist-track-play{border-color:rgba(34,211,94,.36);background:rgba(34,211,94,.14)}.home-playlist-track-row.located .home-playlist-track-play{border-color:rgba(99,214,255,.56);box-shadow:0 0 0 1px rgba(99,214,255,.45),0 0 24px rgba(99,214,255,.3)}.home-playlist-track-cover{width:44px;height:44px;border-radius:8px;background-size:cover;background-position:50%;background-color:rgba(255,255,255,.08)}.home-playlist-track-play{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);color:var(--text-main);padding:9px 10px;text-align:left;cursor:pointer;display:grid;grid-gap:4px;gap:4px;min-width:0}.home-playlist-track-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-playlist-track-line span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-playlist-track-play span{font-size:14px;font-weight:600}.home-playlist-track-play small{color:var(--text-sub);font-size:12px}.home-playlist-track-play:hover{background:rgba(255,255,255,.1)}.home-playlist-track-queue{border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05);color:var(--text-main);padding:0 12px;cursor:pointer}.home-playlist-track-queue:hover{background:rgba(255,255,255,.12)}:root[data-theme=light] .home-playlist-drawer{border-color:rgba(92,113,143,.24);background:linear-gradient(158deg,rgba(255,255,255,.96),rgba(244,250,255,.9) 44%,rgba(239,247,255,.86)),rgba(241,248,255,.94);box-shadow:0 1px 0 rgba(255,255,255,.92),0 14px 30px rgba(90,114,148,.16),0 26px 48px rgba(90,114,148,.12)}:root[data-theme=light] .home-playlist-drawer-head{border-bottom-color:rgba(68,90,122,.16)}:root[data-theme=light] .home-playlist-drawer-actions{border-bottom-color:rgba(68,90,122,.14)}:root[data-theme=light] .home-playlist-drawer-actions button{border-color:rgba(58,86,120,.24);background:rgba(255,255,255,.78);color:#1b2b41}:root[data-theme=light] .home-playlist-drawer-actions button:hover{background:rgba(235,246,255,.96)}:root[data-theme=light] .home-playlist-drawer-actions button.ghost{background:rgba(226,238,252,.66)}:root[data-theme=light] .home-playlist-summary-toggle{border-color:rgba(78,103,136,.24);background:rgba(245,251,255,.9);color:#18304d}:root[data-theme=light] .home-playlist-track-play{border-color:rgba(78,103,136,.2);background:rgba(255,255,255,.76);color:#15263d}:root[data-theme=light] .home-playlist-track-row.active .home-playlist-track-play{border-color:rgba(16,163,96,.5);background:linear-gradient(135deg,rgba(203,249,225,.9),rgba(223,255,237,.82)),rgba(213,253,230,.86);box-shadow:inset 0 0 0 1px rgba(86,198,136,.28),0 8px 20px rgba(75,161,118,.14)}:root[data-theme=light] .home-playlist-track-play:hover{background:rgba(233,244,255,.96)}:root[data-theme=light] .home-playlist-track-queue{border-color:rgba(78,103,136,.22);background:rgba(255,255,255,.72);color:#1b2b41}:root[data-theme=light] .home-playlist-track-queue:hover{background:rgba(230,242,255,.94)}.home-event-grid{display:grid;grid-template-columns:repeat(var(--home-grid-columns,1),minmax(0,1fr));grid-gap:12px;gap:12px}.home-event-card-square{padding:10px}.home-event-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:18px;background:radial-gradient(340px 180px at 100% 0,rgba(34,211,94,.2),transparent 70%),linear-gradient(140deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(19,25,36,.8);display:grid;align-content:start;grid-gap:10px;gap:10px}.home-event-card.alt{background:radial-gradient(360px 180px at 100% 0,rgba(251,146,60,.22),transparent 72%),linear-gradient(140deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(26,23,19,.82)}.home-event-card h3{margin:0;font-size:22px}.home-event-card p{margin:0;color:var(--text-sub);line-height:1.55}:root[data-theme=light] .home-channel-card,:root[data-theme=light] .home-event-card,:root[data-theme=light] .home-playlist-card{border-color:rgba(92,113,143,.22);background:linear-gradient(156deg,rgba(255,255,255,.95),rgba(246,252,255,.88) 44%,rgba(241,248,255,.82)),rgba(244,250,255,.9);box-shadow:0 1px 0 rgba(255,255,255,.85),0 8px 20px rgba(108,132,164,.14),0 18px 36px rgba(108,132,164,.1);color:#101a2c}:root[data-theme=light] .home-channel-card p,:root[data-theme=light] .home-event-card p,:root[data-theme=light] .home-playlist-card p{color:#44556e}:root[data-theme=light] .home-channel-card:hover,:root[data-theme=light] .home-event-card:hover,:root[data-theme=light] .home-playlist-card:hover{border-color:rgba(58,87,122,.32);box-shadow:0 1px 0 rgba(255,255,255,.92),0 10px 26px rgba(90,114,148,.18),0 20px 40px rgba(90,114,148,.14)}:root[data-theme=light] .home-event-card.alt{background:radial-gradient(340px 180px at 100% 0,rgba(255,168,89,.24),transparent 72%),linear-gradient(156deg,rgba(255,255,255,.96),rgba(250,246,240,.9) 44%,rgba(247,239,232,.84)),rgba(250,243,236,.9)}:root[data-theme=light] .home-channel-cover,:root[data-theme=light] .home-playlist-cover{border-color:rgba(72,94,126,.18)}:root[data-theme=light] .home-channel-tag{border-color:rgba(53,76,107,.22);background:rgba(255,255,255,.76);color:#375176}.spotify-hero-card{border-radius:var(--radius-xl);padding:24px;display:flex;gap:16px;justify-content:space-between;align-items:flex-end;background:radial-gradient(680px 240px at 10% 0,rgba(72,255,145,.36),transparent 70%),radial-gradient(560px 220px at 90% 100%,rgba(25,97,255,.23),transparent 75%),linear-gradient(130deg,rgba(26,146,78,.82),rgba(13,41,81,.6) 68%);box-shadow:var(--shadow-mid);animation:fade-up .56s var(--ease) both}.hero-badge{margin:0;font-size:13px;color:#ddffea;letter-spacing:.4px;font-weight:700}.spotify-hero-card h2{margin:8px 0 0;font-size:clamp(1.6rem,1.1vw + 1.2rem,2.2rem);line-height:1.15}.spotify-hero-card p{margin:8px 0 0;color:#e9fff2;max-width:42ch}.spotify-hero-action{border:0;border-radius:var(--radius-pill);padding:11px 19px;font-weight:700;background:#ffffff;color:#0b0d12;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.28);transition:transform .16s var(--ease),box-shadow .2s ease,opacity .2s ease}.spotify-hero-action:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 14px 28px rgba(0,0,0,.34)}.spotify-hero-action:active{transform:translateY(1px) scale(.985)}.spotify-hero-action:disabled{opacity:.45;cursor:not-allowed}.home-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.home-subcard{padding:16px;border-radius:var(--radius-lg);background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 45%),var(--bg-elev-2);animation:fade-up .62s var(--ease) both}.home-subcard-label{margin:0;font-size:12px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.home-subcard h3{margin:8px 0 0;font-size:19px}.home-subcard p{margin:8px 0 0;color:var(--text-sub);font-size:14px}.home-subcard-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.home-subcard-actions button{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:rgba(255,255,255,.06);color:var(--text-main);padding:8px 13px;font-size:14px;cursor:pointer;transition:transform .14s var(--ease),background .18s ease}.home-subcard-actions button:hover{background:rgba(255,255,255,.12)}.home-subcard-actions button:active{transform:translateY(1px) scale(.985)}.home-mini-list{margin-top:12px;display:grid;grid-gap:7px;gap:7px}.home-mini-list button{border:0;border-radius:var(--radius-md);background:rgba(255,255,255,.05);color:var(--text-sub);padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;transition:transform .14s var(--ease),background .18s ease,color .18s ease}.home-mini-list button svg{width:14px;height:14px}.home-mini-list button:hover{color:var(--text-main);background:rgba(255,255,255,.11)}.home-mini-list button:active{transform:translateY(1px) scale(.985)}.home-mini-list p{margin:0;color:var(--text-soft);font-size:13px}.home-mini-index{color:var(--text-soft);font-size:12px}.spotify-results{padding:16px;border-radius:var(--radius-xl);animation:fade-up .56s var(--ease) both}.glass-surface{background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 48%),var(--bg-elev-2)}.spotify-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.spotify-section-title h2{margin:0;font-size:18px}.spotify-section-title span{color:var(--text-sub);font-size:13px}.section-gap{margin-top:16px}.library-hub{display:grid;align-content:start;grid-gap:14px;gap:14px}.library-hub>*{width:100%;min-width:0;margin-inline:0;justify-self:stretch}.library-hub-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:rgba(255,255,255,.04);padding:14px}.library-hub-head>div:first-child{min-width:0}.library-hub-head h2{margin:0;font-size:24px}.library-hub-head p{margin:8px 0 0;color:var(--text-sub);font-size:13px}.library-segmented-pill{--lib-seg-thumb-x:4px;--lib-seg-thumb-w:72px;--lib-seg-count:3;--lib-seg-inset:4px;--lib-seg-thumb-safe-edge:1px;position:relative;width:min(100%,560px);flex:1 1 340px;margin-left:auto;min-height:44px;padding:var(--lib-seg-inset);border-radius:var(--radius-pill);border:1px solid var(--line-soft);background:linear-gradient(140deg,rgba(255,255,255,.14),rgba(255,255,255,.03));display:grid;grid-template-columns:repeat(var(--lib-seg-count),minmax(0,1fr));align-items:stretch;grid-gap:0;gap:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(9,16,28,.1);overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.library-segmented-pill-thumb{position:absolute;left:0;top:var(--lib-seg-inset);width:var(--lib-seg-thumb-w);height:calc(100% - (var(--lib-seg-inset) * 2));border-radius:var(--radius-pill);transform:translate3d(var(--lib-seg-thumb-x),0,0);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,244,252,.88));border:1px solid rgba(255,255,255,.9);max-width:calc(100% - (var(--lib-seg-inset) * 2) - var(--lib-seg-thumb-safe-edge));box-shadow:0 6px 16px rgba(9,18,30,.2),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .28s var(--ease),width .28s var(--ease),background .28s ease,box-shadow .28s ease;z-index:0}.library-segmented-pill:not(.ready) .library-segmented-pill-thumb{opacity:0}.library-segmented-pill-btn{position:relative;z-index:1;border:0;min-width:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-sub);padding:0 10px;cursor:pointer;transition:color .2s ease,transform .16s var(--ease)}.library-segmented-pill-btn:hover{color:var(--text-main)}.library-segmented-pill-btn:active{transform:translateY(1px)}.library-segmented-pill-label{display:block;font-size:17px;line-height:1;font-weight:650;white-space:nowrap;text-align:center}.library-segmented-pill-btn.active{color:#122238}:root[data-theme=light] .library-segmented-pill{background:linear-gradient(140deg,rgba(236,242,250,.95),rgba(221,233,247,.82))}:root[data-theme=light] .library-segmented-pill-thumb{background:linear-gradient(145deg,#ffffff,#f1f7ff)}.library-content-switcher{position:relative;isolation:isolate;width:100%;min-width:0;transition:opacity .22s var(--ease),transform .22s var(--ease)}.library-content-switcher:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);pointer-events:none;z-index:4;opacity:0;background:linear-gradient(120deg,rgba(184,232,210,.16),rgba(174,203,241,.12));transition:opacity .22s var(--ease)}.library-content-switcher.phase-leaving{opacity:.52;transform:translateY(2px)}.library-content-switcher.phase-entering{opacity:.9;transform:translateY(2px)}.library-content-switcher.phase-entering:before,.library-content-switcher.phase-leaving:before{opacity:1}.library-list-block{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:rgba(255,255,255,.03);padding:12px;display:grid;grid-gap:10px;gap:10px;width:100%;min-width:0}.library-list-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.library-list-head h3{margin:0}.library-list-head span{color:var(--text-sub);font-size:13px}.library-track-list{max-height:min(58vh,620px);overflow:auto;padding-right:0;scrollbar-gutter:stable both-edges}.library-import-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.library-import-row input{border:1px solid var(--line-soft);border-radius:var(--radius-pill);padding:9px 12px;background:rgba(255,255,255,.05);color:var(--text-main);outline:none}.library-import-row input:focus{border-color:rgba(101,214,147,.72)}.library-import-row button{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:rgba(255,255,255,.1);color:var(--text-main);padding:8px 12px;cursor:pointer}.library-import-row button:disabled{cursor:not-allowed;opacity:.55}.library-import-message{margin:0;font-size:13px}.library-import-message.success{color:#9ef2be}.library-imported-list{display:grid;grid-gap:8px;gap:8px}.library-imported-item{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.04);padding:9px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.library-imported-cover{width:58px;height:58px;border-radius:9px;background-size:cover;background-position:50%;background-color:rgba(255,255,255,.08)}.library-imported-meta h4{margin:0;font-size:15px}.library-imported-meta p{margin:4px 0 0;color:var(--text-sub);font-size:12px}.library-imported-meta small{display:block;margin-top:4px;color:var(--text-soft);font-size:11px}.library-imported-actions{display:flex;gap:6px}.library-imported-actions button{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:rgba(255,255,255,.08);color:var(--text-main);padding:6px 10px;cursor:pointer}.library-imported-actions button.danger{border-color:rgba(255,124,149,.4);color:#ffdbe3}.spotify-search-panel{margin-top:12px;display:flex;gap:8px}.search-assist-block{margin-top:10px;display:grid;grid-gap:8px;gap:8px}.search-assist-row{display:grid;grid-template-columns:48px 1fr;align-items:start;grid-gap:8px;gap:8px}.search-assist-row span{color:var(--text-soft);font-size:12px;line-height:28px}.search-assist-row div{display:flex;flex-wrap:wrap;gap:6px}.search-assist-row button{border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:rgba(255,255,255,.06);color:var(--text-sub);padding:4px 10px;cursor:pointer;transition:transform .14s var(--ease),background .18s ease,color .18s ease}.search-assist-row button:hover{color:var(--text-main);background:rgba(255,255,255,.14)}.search-assist-row button:active{transform:translateY(1px) scale(.985)}.spotify-search-panel input{flex:1 1;min-width:0;border:1px solid var(--line-soft);border-radius:var(--radius-pill);padding:10px 14px;background:rgba(255,255,255,.04);color:var(--text-main);outline:none;transition:border-color .18s ease,background .18s ease}.spotify-search-panel input:focus{border-color:rgba(101,214,147,.72);background:rgba(255,255,255,.08)}.spotify-search-panel button{border:1px solid var(--line-soft);border-radius:var(--radius-pill);padding:10px 16px;background:rgba(255,255,255,.08);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .14s var(--ease),background .18s ease,opacity .2s ease}.spotify-search-panel button:hover{background:rgba(255,255,255,.16)}.spotify-search-panel button:active{transform:translateY(1px) scale(.985)}.spotify-search-panel button:disabled{cursor:not-allowed;opacity:.45}.search-mode-switch{margin-top:10px;display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--line-soft);background:rgba(255,255,255,.04)}.search-mode-switch button{border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-sub);padding:5px 12px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .14s var(--ease)}.search-mode-switch button.active{color:var(--text-main);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}.search-mode-switch button:active{transform:translateY(1px) scale(.985)}.spotify-track-table-head{margin-top:12px;border-bottom:1px solid var(--line-soft);padding:8px 4px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:2.1fr 1fr 70px 120px;color:var(--text-soft);font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.align-right{text-align:right}.align-center{text-align:center}.spotify-track-list{margin-top:8px;display:grid;grid-gap:6px;gap:6px}.spotify-track-row{border-radius:var(--radius-md);padding:8px 4px;display:grid;grid-gap:8px;gap:8px;align-items:center;grid-template-columns:2.1fr 1fr 70px 120px;transition:background .18s ease,transform .14s var(--ease)}.spotify-track-row.current{border:1px solid rgba(34,211,94,.34);background:rgba(34,211,94,.14);padding:7px 3px}.spotify-track-row:hover{background:rgba(255,255,255,.08)}.spotify-track-row:active{transform:translateY(1px)}.spotify-track-main h3{margin:0;font-size:15px}.spotify-track-album,.spotify-track-main p{margin:2px 0 0;color:var(--text-sub);font-size:13px}.spotify-track-duration{margin:0;color:var(--text-sub);text-align:right;font-size:13px}.spotify-track-actions{display:flex;justify-content:center;align-items:center;gap:8px}.playing-indicator{display:flex;align-items:flex-end;gap:2px;height:14px;color:#77ff9f;justify-content:center;align-self:center}.home-playlist-track-line .playing-indicator,.spotify-queue-item-main .playing-indicator{margin-top:2px;transform:translateX(-2px)}.playing-indicator i{width:2px;height:8px;border-radius:1px;background:currentColor;transform-origin:center bottom;animation:playing-bars 1s ease-in-out infinite}.playing-indicator i:nth-child(2){animation-delay:.14s}.playing-indicator i:nth-child(3){animation-delay:.28s}.playing-indicator i:nth-child(4){animation-delay:.42s}.playing-indicator.is-paused i{animation-play-state:paused;height:5px;opacity:.7}.track-skeleton-row{height:52px;border-radius:var(--radius-md);display:grid;grid-template-columns:2.1fr 1fr 70px 120px;grid-gap:8px;gap:8px}.track-skeleton-row div{border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11),rgba(255,255,255,.05));background-size:200% 100%;animation:shimmer 1.25s linear infinite}.artist-search-row{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.04);padding:8px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;color:var(--text-main);cursor:pointer;text-align:left;transition:transform .14s var(--ease),background .2s ease}.artist-search-row:hover{background:rgba(255,255,255,.09)}.artist-search-row:active{transform:translateY(1px)}.artist-search-cover{width:52px;height:52px;border-radius:50%;background-size:cover;background-position:50%;background-color:rgba(255,255,255,.08)}.artist-search-main h3{margin:0;font-size:15px}.artist-search-main p{margin:4px 0 0;color:var(--text-sub);font-size:12px}.artist-search-entry{color:var(--text-soft);font-size:12px}.artist-search-skeleton-row{height:68px;border-radius:var(--radius-md);display:grid;grid-template-columns:52px minmax(0,1fr) 72px;grid-gap:10px;gap:10px}.artist-search-skeleton-row div{border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11),rgba(255,255,255,.05));background-size:200% 100%;animation:shimmer 1.25s linear infinite}.artist-detail-head,.artist-detail-panel{display:grid;grid-gap:10px;gap:10px}.artist-detail-head{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:rgba(255,255,255,.05);padding:12px}.artist-detail-profile{display:grid;grid-template-columns:84px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.artist-detail-cover{width:84px;height:84px;border-radius:50%;background-size:cover;background-position:50%;background-color:rgba(255,255,255,.08)}.artist-detail-profile h3{margin:0}.artist-detail-profile p{margin:6px 0 0;color:var(--text-sub);font-size:13px;line-height:1.45}.artist-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.icon-btn{--btn-size:clamp(2rem,1.6vw + 1.3rem,2.7rem);--btn-icon:clamp(0.9rem,0.5vw + 0.65rem,1.08rem);border:1px solid var(--line-soft);border-radius:var(--radius-pill);width:var(--btn-size);height:var(--btn-size);display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04)),rgba(255,255,255,.04);color:var(--text-main);cursor:pointer;transition:transform .14s var(--ease),box-shadow .22s ease,background .18s ease,opacity .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.3)}.icon-btn svg{width:var(--btn-icon);height:var(--btn-icon)}.icon-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06)),rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 26px rgba(0,0,0,.36)}.icon-btn:active{transform:translateY(1px) scale(.97)}.icon-btn.active{color:#bcffd1;border-color:rgba(34,211,94,.4);background:rgba(34,211,94,.18);box-shadow:0 0 0 4px rgba(34,211,94,.14)}.icon-btn.ghost{background:rgba(255,255,255,.05)}.icon-btn.warn{color:var(--warning);border-color:rgba(255,124,149,.36);background:rgba(255,124,149,.15)}.icon-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.spotify-right{padding:16px;display:grid;align-content:start;grid-gap:12px;gap:12px;overflow:auto}.spotify-now-card,.spotify-panel{padding:16px;border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 42%),var(--bg-elev-3);animation:fade-up .58s var(--ease) both}.spotify-now-card h2,.spotify-panel h2{margin:0;font-size:15px}.now-state-row{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.status-pill{border-radius:var(--radius-pill);border:1px solid var(--line-soft);padding:5px 10px;font-size:12px;color:var(--text-sub);background:rgba(255,255,255,.05)}.status-pill.live{color:#d4ffe1;border-color:rgba(34,211,94,.5);background:rgba(34,211,94,.2)}:root[data-theme=light] .status-pill{color:#4a5d78;border-color:rgba(49,68,94,.2);background:rgba(19,34,56,.06)}:root[data-theme=light] .status-pill.live{color:#0f7b3a;border-color:rgba(26,154,82,.58);background:rgba(74,222,128,.34);font-weight:700}.spotify-now-cover{margin-top:10px;width:100%;border-radius:var(--radius-md);place-items:center;background:radial-gradient(200px 170px at 50% 50%,rgba(34,211,94,.25),transparent 72%),linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}.spotify-now-cover,.vinyl{aspect-ratio:1/1;display:grid}.vinyl{width:80%;border-radius:50%;place-items:center;background:radial-gradient(circle at center,#8f8f8f 0 11%,#121212 12% 15%,#050505 16%),repeating-radial-gradient(circle at center,#0f0f0f 0 5px,#181818 6px 10px);box-shadow:0 18px 36px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);transition:transform .36s var(--ease)}.vinyl-cover{width:62%;aspect-ratio:1/1;border-radius:50%;border:2px solid rgba(255,255,255,.22);background-size:cover;background-position:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}.vinyl.spinning{animation:spin 7s linear infinite}.vinyl.paused{animation-play-state:paused}.spotify-now-card h3{margin:12px 0 0;font-size:27px;line-height:1.16}.spotify-now-card p{margin:8px 0 0;color:var(--text-sub)}.spotify-now-card.lite h3,.spotify-now-card.lite>p:not(.status-line):not(.error):not(.spotify-now-lite-tip){display:none}.spotify-now-lite-tip{margin:10px 0 0;color:var(--text-sub);font-size:13px;line-height:1.45}.status-line{margin-top:8px;display:inline-flex;align-items:center;gap:8px;color:#a9f8c4;font-size:14px}.spotify-lyric-box{margin-top:10px;max-height:240px;overflow:auto;display:grid;grid-gap:6px;gap:6px}.spotify-lyric-box p{margin:0;color:var(--text-sub);line-height:1.45}.spotify-lyric-box p.active{color:#ffffff;font-weight:700}.spotify-queue-list{margin-top:10px;max-height:228px;overflow:auto;display:grid;grid-gap:6px;gap:6px}.spotify-queue-item{border:1px solid transparent;border-radius:var(--radius-md);background:rgba(255,255,255,.06);color:var(--text-main);text-align:left;padding:8px 10px;display:grid;grid-gap:2px;gap:2px;cursor:pointer;transition:transform .14s var(--ease),background .18s ease,border-color .18s ease}.spotify-queue-item-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.spotify-queue-item-main>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-queue-item span:last-child{color:var(--text-sub);font-size:12px}.spotify-queue-item:hover{background:rgba(255,255,255,.12)}.spotify-queue-item:active{transform:translateY(1px) scale(.985)}.spotify-queue-item.active{border-color:rgba(34,211,94,.38);background:rgba(34,211,94,.18)}:root[data-theme=light] .spotify-track-row.current{border-color:rgba(18,171,104,.5);background:linear-gradient(130deg,rgba(205,250,227,.88),rgba(227,255,240,.82)),rgba(216,254,232,.84);box-shadow:inset 0 0 0 1px rgba(88,199,138,.24),0 8px 20px rgba(70,158,112,.12)}:root[data-theme=light] .spotify-queue-item.active{border-color:rgba(16,163,96,.48);background:linear-gradient(132deg,rgba(202,249,226,.9),rgba(225,255,238,.8)),rgba(214,253,231,.82);box-shadow:inset 0 0 0 1px rgba(84,194,133,.24),0 8px 20px rgba(70,152,109,.12)}.spotify-empty{margin:10px 0;font-size:13px;color:var(--text-soft)}.spotify-player-bar{position:fixed!important;left:var(--shell-gap);right:var(--shell-gap);bottom:var(--shell-gap);bottom:calc(max(0px, env(safe-area-inset-bottom, 0px)) + var(--viewport-bottom-offset, 0px) + var(--shell-gap));z-index:70;min-height:94px;padding:12px 16px;display:grid;align-items:center;grid-gap:16px;gap:16px;grid-template-columns:1fr 1.35fr 1fr;animation:fade-up .56s var(--ease) both}.spotify-player-bar.clickable{cursor:pointer}.spotify-player-bar.clickable:hover{border-color:var(--line-strong)}.spotify-player-left .player-title{margin:0;font-size:15px;font-weight:700}.spotify-player-left .player-subtitle{margin:4px 0 0;min-height:20px;color:var(--text-sub);font-size:13px}.spotify-player-center{display:grid;grid-gap:8px;gap:8px}.spotify-player-controls{display:flex;justify-content:center;align-items:center;gap:8px}.spotify-player-controls .play-main{--btn-size:clamp(2.4rem,2vw + 1.2rem,3.2rem);--btn-icon:clamp(1rem,0.7vw + 0.55rem,1.2rem);background:linear-gradient(160deg,#4bef7f,#1fc95a);color:#04120a;border:0;box-shadow:0 14px 28px var(--glow-brand)}.spotify-player-controls .play-main:hover{background:linear-gradient(160deg,#5cff8f,#2ad267)}.spotify-player-controls .play-main:disabled{background:rgba(255,255,255,.16);color:#cfd6e2;box-shadow:none}.spotify-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px}.spotify-progress-row span{font-size:12px;color:var(--text-sub)}.spotify-player-right{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:end;grid-gap:10px;gap:10px}.spotify-player-right span{color:var(--text-sub);font-size:13px;min-width:32px;text-align:right}.spotify-player-right .range-volume{width:clamp(88px,10vw,140px)}.player-detail-overlay{position:fixed;inset:0;z-index:90;display:grid;overflow:hidden}.player-detail-backdrop{position:absolute;inset:0;background:rgba(4,4,6,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .34s cubic-bezier(.22,1,.36,1)}.player-detail-backdrop.phase-open,.player-detail-backdrop.phase-opening{opacity:1}.player-detail-backdrop.phase-closing{opacity:0}.player-detail-screen{position:relative;z-index:1;min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;width:100%;max-width:100%;padding:clamp(18px,2vh,30px) clamp(20px,2.2vw,36px) 0;display:grid;grid-template-rows:auto 1fr auto;grid-gap:clamp(16px,1.8vh,26px);gap:clamp(16px,1.8vh,26px);overflow:hidden;overflow-x:hidden;background:transparent;color:var(--detail-fg-main);opacity:0;transform:translate3d(0,100%,0);transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .34s cubic-bezier(.22,1,.36,1),color var(--theme-transition-ms) ease}.player-detail-screen.phase-open,.player-detail-screen.phase-opening{opacity:1;transform:translateZ(0)}.player-detail-screen.phase-closing{opacity:0;transform:translate3d(0,100%,0)}@supports (-webkit-touch-callout:none){.player-detail-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.player-detail-screen{will-change:transform,opacity;transform:translate3d(0,100%,0)}.player-detail-screen.phase-open,.player-detail-screen.phase-opening{transform:translateZ(0)}.player-detail-screen.phase-closing{transform:translate3d(0,100%,0)}.player-detail-screen:before{opacity:.11;filter:blur(40px) saturate(1.2)}.detail-dock,.detail-stage-left,.detail-stage-right,.detail-topbar{animation-duration:.24s}}.player-detail-screen:before{content:"";position:absolute;inset:-12%;z-index:-1;background-image:var(--detail-cover);background-position:50%;background-size:cover;opacity:.1;filter:blur(56px) saturate(1.4);transform:scale(1.1);pointer-events:none}.detail-bg-layer{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 16% 8%,var(--detail-layer-glow,rgba(123,138,163,.24)),transparent 58%),radial-gradient(90% 80% at 90% 16%,rgba(0,0,0,.24),transparent 66%),linear-gradient(140deg,var(--detail-layer-bg-a,#1f232d) 0,var(--detail-layer-bg-b,#0e1016) 68%,#0a0b0f 100%)}.detail-bg-layer.previous{opacity:1}.detail-bg-layer.previous.fading{opacity:0;transition:opacity var(--detail-palette-transition-ms) cubic-bezier(.22,1,.36,1);transition-delay:70ms}.detail-bg-layer.current.transitioning{animation:detail-bg-current-rise var(--detail-palette-transition-ms) cubic-bezier(.22,1,.36,1) both}.player-detail-screen:after{content:"";position:absolute;inset:0;background:var(--detail-overlay);pointer-events:none;z-index:1}.detail-topbar{position:relative;z-index:32;display:flex;justify-content:flex-start;align-items:center;animation:fade-slide-down .3s var(--ease) both}.detail-collapse-btn{border:1px solid var(--detail-control-border);border-radius:999px;background:var(--detail-control-bg);color:var(--detail-fg-main);width:30px;height:30px;display:grid;place-items:center;cursor:pointer;transition:transform .16s var(--ease),background .2s ease,border-color .2s ease,box-shadow .2s ease}.detail-collapse-btn svg{width:16px;height:16px}.detail-collapse-btn:hover{background:var(--detail-control-hover);border-color:var(--detail-control-border);box-shadow:0 0 0 4px rgba(255,255,255,.1)}.detail-collapse-btn:active{transform:translateY(1px) scale(.96)}.detail-stage{position:relative;z-index:2;min-height:0;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);align-items:center;grid-gap:clamp(22px,3vw,58px);gap:clamp(22px,3vw,58px)}.detail-stage-left{display:grid;align-content:center;justify-items:center;grid-gap:14px;gap:14px;animation:fade-slide-left .55s var(--ease) both}.detail-stage-left .detail-tab-row{justify-self:center}.detail-turntable-wrap{width:min(48vh,438px);aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.2),rgba(0,0,0,.58)),linear-gradient(120deg,rgba(255,255,255,.11),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.08)}.detail-turntable{width:88%;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#636363 0 7%,#141414 8% 16%,#050505 17%),repeating-radial-gradient(circle at center,#090909 0 3px,#1a1a1a 4px 8px);box-shadow:0 20px 42px rgba(0,0,0,.54),inset 0 0 0 1px rgba(255,255,255,.05);transition:transform .36s var(--ease);overflow:hidden}.detail-turntable.spinning{animation:spin 9s linear infinite}.detail-turntable.paused{animation-play-state:paused}.detail-turntable-cover-mask{width:68%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.22);box-shadow:0 0 0 1px rgba(0,0,0,.22),0 10px 24px rgba(0,0,0,.28)}.detail-turntable-cover{width:100%;aspect-ratio:1/1;border-radius:50%;background-size:cover;background-position:50%;transform:scale(1.01);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)}.detail-bottom-meta{text-align:center;max-width:92%}.detail-bottom-meta h3{margin:0;font-size:clamp(1.35rem,1.5vw + .75rem,2rem);color:var(--detail-fg-main);max-width:100%;overflow:hidden}.detail-bottom-meta p{margin:8px 0 0;color:var(--detail-fg-sub)}.detail-stage-right{position:relative;z-index:1;min-height:0;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:center;grid-gap:14px;gap:14px;animation:fade-slide-right .58s var(--ease) both}.detail-title-block h2{margin:0;font-size:clamp(1.8rem,1.8vw + 1rem,2.6rem);letter-spacing:-.4px;color:var(--detail-fg-main);max-width:100%;overflow:hidden}.detail-dock-song b{max-width:min(56vw,620px);overflow:hidden}.marquee-text{display:block;width:100%;overflow:hidden}.marquee-track{display:inline-flex;align-items:baseline;max-width:100%;white-space:nowrap}.marquee-content{display:inline-block;white-space:nowrap}.marquee-text.is-overflow .marquee-track{animation:marquee-slide 18s linear infinite}.detail-title-block p{margin:8px 0 0;color:var(--detail-fg-sub);font-size:15px}.detail-tab-row{display:inline-flex;width:max-content;border:1px solid var(--detail-control-border);border-radius:var(--radius-pill);background:var(--detail-control-bg);padding:4px;gap:4px;position:relative;z-index:12;pointer-events:auto}.detail-tab-row button{border:0;border-radius:var(--radius-pill);padding:6px 14px;background:transparent;color:var(--detail-fg-sub);cursor:pointer;transition:background .18s ease,color .18s ease}.detail-tab-row button.active{background:var(--detail-control-active);box-shadow:inset 0 0 0 1px var(--detail-glow,rgba(123,138,163,.32));color:var(--detail-fg-main)}.detail-tab-row-mobile{justify-self:center}.detail-meta-list{display:grid;grid-gap:8px;gap:8px}.detail-meta-list p{margin:0;color:var(--detail-fg-soft);font-size:16px}.meta-action-btn{border:1px solid var(--detail-control-border);border-radius:var(--radius-pill);background:var(--detail-control-bg);color:var(--detail-fg-main);padding:7px 12px;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:transform .14s var(--ease),background .2s ease}.meta-action-btn:hover{background:var(--detail-control-hover)}.meta-action-btn:active{transform:translateY(1px) scale(.985)}.meta-action-btn:disabled{opacity:.5;cursor:not-allowed}.download-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.download-row label{color:var(--detail-fg-soft);font-size:13px}.download-row select{border:1px solid var(--detail-control-border);border-radius:999px;padding:6px 10px;background:var(--detail-control-bg);color:var(--detail-fg-main)}.detail-lyric-shell{display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:10px;gap:10px;min-height:0;min-width:0;overflow-x:hidden}.detail-lyric-mode-row{display:inline-flex;width:-moz-fit-content;width:fit-content;gap:6px}.detail-lyric-mode-row button{border:1px solid var(--detail-control-border);border-radius:var(--radius-pill);background:var(--detail-control-bg);color:var(--detail-fg-sub);padding:4px 10px;cursor:pointer;transition:transform .14s var(--ease),background .2s ease,color .2s ease}.detail-lyric-mode-row button.active{background:var(--detail-control-active);color:var(--detail-fg-main)}.detail-lyric-mode-row button:disabled{opacity:.4;cursor:not-allowed}.detail-lyric-scroll{margin-top:2px;max-height:100%;min-height:0;overflow:auto;overflow-x:hidden;padding-right:14px;display:grid;grid-gap:8px;gap:8px}.detail-lyric-spacer{height:clamp(94px,28vh,280px)}.detail-lyric-scroll.polished{-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 7%,#000 90%,transparent)}.detail-lyric-line{margin:0;color:var(--detail-fg-soft);line-height:1.55;font-size:clamp(1.04rem,.45vw + .92rem,1.36rem);border-radius:9px;padding:7px 10px;transition:color .2s ease,background .2s ease,transform .2s ease;overflow-wrap:anywhere;word-break:break-word}.detail-lyric-line.active{color:var(--detail-fg-main);background:var(--detail-control-active);box-shadow:inset 0 0 0 1px var(--detail-glow,rgba(123,138,163,.32));transform:translateX(4px);font-weight:700}@media (min-width:1100px) and (pointer:fine){.detail-stage{align-items:stretch}.detail-stage-left{align-self:center}.detail-stage-right{align-self:stretch;align-content:stretch;height:100%}.detail-lyric-shell{min-height:0;height:100%}.detail-lyric-scroll{height:clamp(260px,54vh,620px);max-height:clamp(260px,54vh,620px)}}.detail-empty{margin:0;color:var(--detail-fg-soft)}.detail-dock{position:relative;z-index:2;border-top:1px solid var(--detail-control-border);background:var(--detail-dock-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 -36px;padding:0 36px calc(16px + env(safe-area-inset-bottom, 0px) + var(--viewport-bottom-offset, 0px));animation:fade-slide-up .55s var(--ease) both}.detail-progress-line{padding-top:8px}.detail-progress-line .range-slider{height:4px}.detail-dock-row{margin-top:10px;display:grid;grid-template-columns:minmax(180px,.9fr) auto minmax(190px,.8fr);align-items:center;grid-gap:16px;gap:16px}.detail-dock-song{display:grid;grid-gap:3px;gap:3px}.detail-dock-song b{font-size:28px;line-height:1.1;font-weight:700}.detail-dock-song span{color:var(--detail-fg-sub)}.detail-dock-controls{display:flex;align-items:center;justify-content:center;gap:10px}.detail-dock-controls .icon-btn{--btn-size:2.58rem;--btn-icon:1rem;background:var(--detail-control-bg);border-color:var(--detail-control-border);color:var(--detail-fg-main)}.detail-dock-controls .play-main{--btn-size:3rem;--btn-icon:1.1rem;background:linear-gradient(160deg,#5cff8f,#27cf62);color:#04120a;box-shadow:0 12px 28px var(--detail-glow,rgba(123,138,163,.33));border:0}.detail-dock-volume{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;grid-gap:10px;gap:10px}.detail-dock-volume .range-volume{width:clamp(96px,12vw,160px)}.range-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:var(--radius-pill);background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);outline:none;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease}.range-slider:hover{filter:brightness(1.08);box-shadow:inset 0 1px 2px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08)}.range-slider:active{filter:brightness(1.15)}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#d6ffe4;box-shadow:0 0 0 4px rgba(34,211,94,.2),0 2px 4px rgba(0,0,0,.36)}.range-slider::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#d6ffe4;box-shadow:0 0 0 4px rgba(34,211,94,.2),0 2px 4px rgba(0,0,0,.36)}.error{margin:8px 0 0;color:var(--danger)}.error-inline{border:1px solid rgba(255,124,149,.28);border-radius:var(--radius-md);background:rgba(255,124,149,.1);padding:10px 12px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#ffffff;animation:spin .8s linear infinite}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes playing-bars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes marquee-slide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes detail-float-in{0%{opacity:0;transform:translateY(26px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes detail-bg-current-rise{0%{filter:saturate(.88) brightness(.95)}to{filter:saturate(1) brightness(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-slide-left{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-slide-right{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes home-playlist-sheet-up{0%{transform:translate3d(-50%,108%,0)}to{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion:reduce){.library-content-switcher,.library-content-switcher:before,.library-segmented-pill-btn,.library-segmented-pill-thumb{transition-duration:.01ms;transition-delay:0s}}@media (max-width:1359px) and (min-width:1100px){.spotify-layout{grid-template-columns:clamp(13rem,19vw,16rem) minmax(0,1fr)}.spotify-main{padding:16px}.spotify-right{display:none}.now-playing-merged{display:grid}.home-channel-row,.home-playlist-grid{grid-template-columns:repeat(var(--home-grid-columns,1),minmax(0,1fr))}.home-playlist-section{margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.home-section-head{margin-bottom:6px}.spotify-player-bar{grid-template-columns:1fr 1.25fr auto;gap:12px}.spotify-player-right .range-volume{width:clamp(80px,9vw,120px)}}@media (max-width:1099px) and (min-width:900px) and (pointer:fine){.spotify-layout{grid-template-columns:clamp(12.6rem,20vw,15.4rem) minmax(0,1fr)}.spotify-main{padding:15px}.spotify-right{display:none}.now-playing-merged{display:grid}.home-channel-row,.home-playlist-grid{grid-template-columns:repeat(var(--home-grid-columns,1),minmax(0,1fr))}.spotify-player-bar{grid-template-columns:1fr 1.2fr auto;gap:10px}.spotify-player-right .range-volume{width:clamp(76px,11vw,114px)}}@media (orientation:portrait) and (min-width:900px) and (pointer:fine){.spotify-layout{grid-template-columns:clamp(12.6rem,20vw,15.4rem) minmax(0,1fr)}.spotify-right{display:none}.now-playing-merged{display:grid}}@media (max-width:899px) and (pointer:fine){.spotify-shell{--shell-gap:8px;--player-bar-height:88px;padding:8px;padding-bottom:calc(var(--player-bar-height-actual, var(--player-bar-height)) + var(--player-safe-bottom) + var(--shell-gap) + 8px)}.spotify-layout{grid-template-columns:1fr}.spotify-sidebar{padding:12px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:10px}.spotify-nav{display:flex;gap:6px;overflow:auto}.spotify-nav-row{display:flex;align-items:center;gap:8px}.sidebar-mobile-tools{flex-shrink:0}.sidebar-mobile-account-btn{padding:5px 9px;font-size:12px}.spotify-nav-row .spotify-nav{flex:1 1 auto;min-width:0}.spotify-collections{grid-column:1/-1}.spotify-main{padding:14px}.spotify-right{display:none}.now-playing-merged{display:grid}.spotify-player-bar{grid-template-columns:1fr;gap:10px;min-height:88px;padding:10px 12px}}@media (max-width:1099px) and ((pointer:coarse) or (hover:none)){.spotify-shell{--shell-gap:8px;--player-bar-height:76px;padding:8px;padding-bottom:calc(var(--player-bar-height-actual, var(--player-bar-height)) + var(--player-safe-bottom) + var(--shell-gap) + 8px);overflow-x:hidden}.spotify-layout{height:100%;min-height:0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.spotify-sidebar{padding:10px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:8px;overflow:visible}.spotify-logo{font-size:24px;line-height:1.2;padding-bottom:3px}.spotify-nav{display:flex;gap:6px;overflow:auto}.spotify-nav-row{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:visible}.spotify-nav-row .spotify-nav{flex:1 1 auto;min-width:0}.sidebar-mobile-tools{margin-left:0;flex-shrink:0}.sidebar-mobile-account-toggle{padding:5px 10px;min-width:44px}.spotify-nav button{white-space:nowrap;padding:6px 9px;font-size:15px}.spotify-collections{display:none}.sidebar-entry-list{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-entry{padding:9px 10px;grid-template-columns:1fr auto}.sidebar-entry em{display:none}.spotify-main{padding:12px;gap:12px;min-height:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden;scrollbar-width:none}.spotify-main::-webkit-scrollbar{width:0;height:0}.now-playing-merged{display:grid}.home-toolbar{flex-direction:column;align-items:flex-start}.home-toolbar.mobile-priority{gap:10px}.home-toolbar-actions.mobile-cta{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.home-toolbar-actions.mobile-cta button{width:100%;text-align:center;padding:10px 12px}.now-playing-merged.compact-mobile{padding:12px;gap:10px}.now-playing-merged.compact-mobile .now-playing-merged-main{align-items:flex-start}.now-playing-merged.compact-mobile .now-playing-merged-meta{gap:8px}.now-playing-merged.compact-mobile .now-playing-merged-meta p{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.now-playing-merged.compact-mobile .now-playing-merged-actions{flex-direction:row;align-items:center;justify-content:space-between}.now-playing-merged.compact-mobile .spotify-player-controls.compact{justify-content:flex-start}.home-channel-row,.home-playlist-grid{grid-template-columns:repeat(var(--home-grid-columns,1),minmax(0,1fr))}.home-playlist-section{margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.home-event-grid{grid-template-columns:repeat(var(--home-grid-columns,1),minmax(0,1fr))}.library-hub-head{flex-direction:column;align-items:flex-start}.library-segmented-pill{width:100%;max-width:none;margin-left:0;flex:1 1 auto;align-self:stretch}.library-hub,.library-list-block,.library-track-list{max-width:100%;overflow-x:hidden}.library-track-list{max-height:none;overflow:visible;padding-right:0}.spotify-right{display:none}.spotify-track-row,.spotify-track-table-head,.track-skeleton-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(54px,70px) minmax(84px,100px)}.spotify-player-bar{grid-template-columns:1fr;gap:8px;min-height:74px;padding:8px 10px}.spotify-player-right{justify-content:start}.spotify-player-right .range-volume{width:clamp(68px,18vw,108px)}.player-detail-screen{padding:16px 18px 0}.detail-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:18px;align-content:start;min-height:0;height:100%;overflow:hidden}.detail-stage-left{justify-items:start}.detail-stage-right{min-height:0;height:100%;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.detail-turntable-wrap{width:min(48vw,360px)}.detail-bottom-meta{text-align:left}.detail-meta-list p{font-size:15px}.detail-dock{margin:0 -18px;padding:0 18px 14px}.detail-dock-row{grid-template-columns:1fr;gap:10px;text-align:center}.detail-dock-row,.detail-dock-song{justify-items:center}.detail-dock-song b{font-size:20px}.detail-dock-volume{width:min(380px,100%)}.home-playlist-drawer{width:min(920px,calc(100% - 16px));--playlist-drawer-top-gap:60px}.home-playlist-drawer-head{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:12px}.home-playlist-drawer-cover{width:96px}.home-playlist-drawer-meta h3{font-size:21px}}@media (max-width:760px) and ((pointer:coarse) or (hover:none)){.spotify-shell{--shell-gap:6px;--player-bar-height:60px;padding:6px;padding-bottom:calc(var(--player-bar-height-actual, var(--player-bar-height)) + var(--player-safe-bottom) + var(--shell-gap) + 8px)}.spotify-sidebar{grid-template-columns:1fr;grid-template-rows:auto auto;padding:10px;gap:8px}.spotify-logo{font-size:22px;line-height:1.2;padding-bottom:3px}.spotify-nav{width:100%}.spotify-main,.spotify-right{padding:10px}.spotify-main{scrollbar-width:none}.spotify-main::-webkit-scrollbar{width:0;height:0}.spotify-track-table-head{display:none}.spotify-track-row,.track-skeleton-row{grid-template-columns:1fr;border-radius:var(--radius-md);padding:10px;background:rgba(255,255,255,.04)}.artist-search-row{grid-template-columns:44px minmax(0,1fr)}.artist-search-entry{display:none}.artist-search-skeleton-row{grid-template-columns:44px minmax(0,1fr)}.artist-detail-profile{grid-template-columns:64px minmax(0,1fr)}.artist-detail-cover{width:64px;height:64px}.spotify-track-duration{text-align:left}.spotify-track-actions{justify-content:flex-start}.spotify-hero-card{flex-direction:column;align-items:flex-start}.home-channel-row,.home-playlist-grid{grid-template-columns:repeat(var(--home-grid-columns,1),minmax(0,1fr));gap:8px}.library-segmented-pill{width:100%;margin-left:0}.library-hub-head{min-height:180px;padding:20px 14px;gap:14px}.sidebar-entry-list{grid-template-columns:1fr}.now-playing-merged-main{align-items:flex-start}.now-playing-merged-cover{width:62px;min-width:62px}.now-playing-merged-meta h3{font-size:17px}.now-playing-merged-actions{flex-direction:column;align-items:flex-start}.now-playing-merged.compact-mobile .now-playing-merged-actions{flex-direction:row;align-items:center;justify-content:space-between}.now-playing-merged.compact-mobile .now-playing-merged-detail-btn{padding:8px 12px}.home-channel-card,.home-playlist-card{padding:8px;gap:6px}.library-segmented-pill{min-height:42px;--lib-seg-inset:3px}.library-segmented-pill-btn{padding:0 7px}.library-segmented-pill-label{font-size:15px}.home-channel-card h3{font-size:17px}.home-playlist-card h3{font-size:14px}.home-channel-cover,.home-playlist-cover{max-height:128px}.player-detail-screen{padding:calc(env(safe-area-inset-top) + 10px) 14px 0;grid-template-rows:auto minmax(0,1fr) auto}.detail-topbar{min-height:36px;position:relative;z-index:42}.detail-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px;align-content:start;min-height:0;height:100%;overflow:hidden}.detail-stage-left{justify-items:center;gap:8px}.detail-turntable-wrap{width:min(72vw,330px)}.detail-bottom-meta{text-align:center;width:100%;display:grid;grid-gap:4px;gap:4px}.detail-bottom-meta h3{font-size:clamp(1.95rem,8.6vw,2.28rem);line-height:1.1;letter-spacing:0}.detail-bottom-meta p{margin-top:0;font-size:12px;color:var(--detail-fg-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-stage-right{width:100%;min-height:0;height:100%;gap:8px;align-content:start;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.detail-title-block{display:none}.detail-tab-row{justify-self:center;position:relative;z-index:16;background:var(--detail-control-bg);border-color:var(--detail-control-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.detail-tab-row-mobile{margin-top:2px;margin-bottom:2px}.detail-tab-row button{padding:6px 10px;font-size:12px}.detail-meta-list{width:100%;grid-template-columns:1fr;gap:6px;max-height:min(36vh,260px);overflow:auto;padding-right:4px}.detail-meta-list p{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-action-btn{padding:6px 10px;font-size:12px}.detail-lyric-scroll.polished{-webkit-mask-image:none;mask-image:none}.detail-lyric-shell{min-height:0;height:100%;gap:8px;overflow:hidden}.detail-lyric-scroll{width:100%;min-height:0;font-size:17px;height:calc((1em * 1.6 + 16px) * 4);max-height:calc((1em * 1.6 + 16px) * 4);flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding-right:0;padding-left:0;display:flex;flex-direction:column;align-items:center}.detail-lyric-line{font-size:1em;line-height:1.6;padding:8px 10px;width:min(100%,640px);text-align:center}.detail-lyric-line.active{transform:none}.detail-lyric-spacer{height:calc((1em * 1.6 + 16px) * 1.5)}.detail-lyric-mode-row{justify-content:center;width:100%}.detail-dock{margin:0 -14px;padding:0 14px calc(6px + env(safe-area-inset-bottom, 0px) + var(--viewport-bottom-offset, 0px))}.detail-dock-row{grid-template-columns:auto;grid-template-areas:"controls";justify-items:center;gap:4px}.detail-dock-song{display:none}.detail-dock-controls{grid-area:controls}.detail-dock-song span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-dock-controls .icon-btn{--btn-size:2.16rem}.detail-dock-controls .play-main{--btn-size:2.52rem}.detail-dock-song b{font-size:16px}.spotify-player-bar{min-height:58px;padding:5px 8px;gap:5px;grid-template-columns:1fr}.spotify-player-left{display:none}.spotify-progress-row span{font-size:10px}.spotify-player-controls .play-main{--btn-size:2.16rem}.spotify-player-controls .icon-btn{--btn-size:2rem}.home-playlist-drawer-overlay{z-index:88}.home-playlist-drawer{--playlist-drawer-top-gap:56px;--playlist-drawer-bottom-gap:max(6px,calc(env(safe-area-inset-bottom, 0px) + var(--viewport-bottom-offset, 0px) + 6px));bottom:var(--playlist-drawer-bottom-gap);width:calc(100% - 10px);border-radius:14px 14px 12px 12px}.home-playlist-drawer-head{grid-template-columns:76px minmax(0,1fr);gap:8px;padding:10px}.home-playlist-drawer-cover{width:76px;border-radius:9px}.home-playlist-drawer-meta h3{font-size:18px}.home-playlist-drawer-actions{padding:8px 10px;grid-template-columns:1fr 1fr}.home-playlist-drawer-list{padding:8px 10px 10px}.home-playlist-track-row{grid-template-columns:44px minmax(0,1fr)}.library-import-row{grid-template-columns:1fr}.library-imported-item{grid-template-columns:52px minmax(0,1fr);align-items:start}.library-imported-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-height:700px){.spotify-shell{--shell-gap:6px;--player-bar-height:78px;padding:6px;padding-bottom:calc(var(--player-bar-height-actual, var(--player-bar-height)) + var(--player-safe-bottom) + var(--shell-gap) + 8px)}.spotify-layout{gap:8px}.spotify-main,.spotify-right,.spotify-sidebar{border-radius:14px}.spotify-sidebar{padding:10px;gap:10px}.spotify-logo{font-size:26px}.spotify-main{padding:12px;gap:12px}.home-toolbar-main h1{font-size:clamp(1.5rem,1.2vw + 1rem,1.95rem)}.home-channel-card{padding:10px}.home-channel-card h3{font-size:20px}.home-playlist-cover{aspect-ratio:1/1;max-height:120px}.now-playing-merged,.spotify-now-card,.spotify-panel{padding:12px}.spotify-now-cover{max-height:160px}.spotify-player-bar{min-height:78px;padding:8px 12px;gap:8px}.spotify-player-controls{gap:6px}.spotify-player-controls .play-main{--btn-size:2.5rem}.spotify-player-right span,.spotify-progress-row span{font-size:12px}.spotify-player-right .range-volume{width:clamp(72px,8vw,104px)}.player-detail-screen{gap:14px}.detail-turntable-wrap{width:min(34vh,300px)}}@media (max-height:620px){.home-event-card p,.home-toolbar-main p,.library-hub-head p,.now-playing-merged-meta p{display:none}.home-event-card{gap:6px;padding:12px}.spotify-now-card h3{font-size:22px}.spotify-now-cover{max-height:130px}.spotify-player-left .player-subtitle{display:none}.player-detail-screen{padding-top:10px}}