:root{--grey-1000:#000;--grey-960:#111417;--grey-950:#0e1418;--grey-900:#121212;--grey-880:#181818;--grey-860:#1b1b1b;--grey-840:#1e1e1e;--grey-820:#222;--grey-800:#262626;--grey-780:#2a2a2a;--grey-760:#2c2c2c;--grey-740:#333;--grey-720:#3a3a3a;--grey-700:#444;--grey-500:#6a6a6a;--grey-400:#9a9a9a;--grey-100:#e8e8e8;--grey-050:#f5f5f5;--red-900:#3a1f1f;--red-500:#ff6b6b;--red-300:#ff8a8a;--pink-400:#ff6b8a;--green-300:#6ee7a8;--amber-500:#c99b5d;--tile-red:#7a1f2b;--tile-orange:#6b340f;--tile-olive:#404b0e;--tile-green:#114b30;--tile-teal:#0c4750;--tile-blue:#1d3f7a;--tile-violet:#4b2a7a;--tile-magenta:#6e1f5c;--cover-ink:#0b0e10;--cover-disc:#10161a;--cover-orb-high:#bffcff;--cover-orb-low:#042d31;--cover-surface:#0c3d42;--avatar-ink-dark:#05242a;--avatar-coral:#c4473a;--avatar-coral-deep:#7f2620;--avatar-amber:#a8630f;--avatar-amber-deep:#6b3d06;--avatar-violet:#7c4ddc;--avatar-violet-deep:#43208a;--avatar-green:#23815a;--avatar-green-deep:#11502f;--avatar-rose:#b73c78;--avatar-rose-deep:#74184a;--radius-4:12px;--size-control-hero:56px;--shadow-lg:0 8px 24px #00000080;--black-alpha-55:#0000008c;--cyan-300:#00f3fe;--cyan-400:#31eef6;--cyan-500:#22d3ee;--cyan-600:#17cbd3;--cyan-700:#1ba1a7;--cyan-alpha-06:#00f3fe0f;--cyan-alpha-14:#00f3fe24;--cyan-alpha-28:#00f3fe47;--cyan-alpha-50:#00f3fe80;--accent-alpha-18:#22d3ee2e;--violet-alpha-22:#4b2a7a38;--white-alpha-06:#ffffff0f;--white-alpha-12:#ffffff1f;--black-alpha-40:#0006;--violet-alpha-24:#7c54e63d;--teal-alpha-20:#28d2aa33;--blue-alpha-24:#4678fa3d;--amber-alpha-22:#c99b5d38;--violet-400:#7c54e6;--magenta-400:#e040fb;--blue-400:#4f6bff;--orange-400:#ff8a3d;--gold-400:#f5b82e;--purple-400:#9b4dff;--lilac-400:#c084fc;--blue-600:#3f6fd8;--cream-200:#f0dfb4;--periwinkle-400:#8fa4f5;--turquoise-400:#30d5c8;--lapis-500:#3557d6;--teal-400:#28d2aa;--lavender-300:#b8a6fa;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-1:4px;--radius-2:6px;--radius-3:8px;--radius-dialog:14px;--radius-round:999px;--size-control-compact:36px;--size-control-touch:44px;--size-control-prominent:48px;--duration-press:90ms;--duration-state:.14s;--duration-overlay:.18s;--brand:var(--cyan-300);--accent-400:var(--cyan-400);--accent-500:var(--cyan-500);--accent-600:var(--cyan-600);--accent-700:var(--cyan-700);--surface-page:var(--grey-960);--surface-app:var(--grey-1000);--surface-card-hover:var(--grey-820);--hero-fallback:var(--grey-780);--surface-inset:var(--grey-900);--surface-chrome:var(--grey-880);--surface-panel:var(--grey-860);--surface-field:var(--grey-840);--surface-row-hover:var(--grey-820);--surface-raised:var(--grey-820);--surface-control:var(--grey-780);--surface-control-hover:var(--grey-760);--surface-danger:var(--red-900);--surface-scrim:var(--black-alpha-55);--tile-1:var(--tile-red);--tile-2:var(--tile-orange);--tile-3:var(--tile-olive);--tile-4:var(--tile-green);--tile-5:var(--tile-teal);--tile-6:var(--tile-blue);--tile-7:var(--tile-violet);--tile-8:var(--tile-magenta);--avatar-1-bg:linear-gradient(135deg, var(--cyan-400), var(--cyan-700));--avatar-1-ink:var(--avatar-ink-dark);--avatar-2-bg:linear-gradient(135deg, var(--avatar-coral), var(--avatar-coral-deep));--avatar-3-bg:linear-gradient(135deg, var(--avatar-amber), var(--avatar-amber-deep));--avatar-4-bg:linear-gradient(135deg, var(--avatar-violet), var(--avatar-violet-deep));--avatar-5-bg:linear-gradient(135deg, var(--avatar-green), var(--avatar-green-deep));--avatar-6-bg:linear-gradient(135deg, var(--avatar-rose), var(--avatar-rose-deep));--avatar-light-ink:var(--grey-050);--radius-panel:var(--radius-3);--radius-card-art:var(--radius-2);--size-play-hero:var(--size-control-hero);--size-play-card:var(--size-control-prominent);--size-play-bar:var(--size-control-compact);--shadow-art:var(--shadow-lg);--font-display:"Poppins", "Vazirmatn", system-ui, sans-serif;--font-body:"Vazirmatn", system-ui, sans-serif;--type-hero:clamp(2rem, 5vw + 1rem, 4.5rem);--type-title:1.5rem;--type-section:1.375rem;--type-body:.875rem;--type-meta:.8125rem;--type-small:.6875rem;--border-row:var(--grey-800);--border-chrome:var(--grey-800);--border-field:var(--grey-740);--border-panel:var(--grey-740);--border-control:var(--grey-720);--border-dropzone:var(--grey-700);--border-administration:var(--amber-500);--text-primary:var(--grey-100);--text-muted:var(--grey-400);--text-disabled:var(--grey-500);--text-on-art:var(--grey-050);--text-danger:var(--red-500);--text-on-danger-surface:var(--red-300);--state-playing:var(--accent-500);--state-selected:var(--accent-500);--state-toggled-on:var(--accent-500);--state-liked:var(--cyan-300);--like-glow:var(--cyan-alpha-28);--space-control-inline:var(--space-3);--space-control-gap:var(--space-2);--space-panel:var(--space-4);--radius-compact:var(--radius-1);--radius-control:var(--radius-2);--radius-card:var(--radius-3);--radius-menu:var(--radius-3);--control-height-compact:var(--size-control-compact);--control-height-touch:var(--size-control-touch);--control-height-prominent:var(--size-control-prominent);--focus-ring-width:2px;--focus-ring-offset:3px;--focus-ring-color:var(--accent-500);--motion-press:var(--duration-press);--motion-state:var(--duration-state);--motion-overlay:var(--duration-overlay);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--motion-enter:.26s;--motion-exit:.18s;--motion-morph:.32s;--motion-stagger:30ms;--motion-stagger-cap:8;--control-bg:var(--surface-control);--control-bg-hover:var(--surface-control-hover);--control-border:var(--border-control);--control-text:var(--text-primary);--control-primary-bg:var(--accent-500);--control-primary-bg-hover:var(--accent-400);--control-primary-bg-active:var(--accent-600);--control-primary-text:var(--surface-page);--control-danger-bg:var(--surface-danger);--control-danger-border:var(--text-danger);--control-danger-text:var(--text-on-danger-surface);--brand-wash:var(--cyan-alpha-14);--brand-wash-faint:var(--cyan-alpha-06);--brand-ring:var(--cyan-alpha-28);--brand-glow:var(--cyan-alpha-50);--aurora-accent:var(--accent-alpha-18);--aurora-violet:var(--violet-alpha-22);--surface-glass:var(--white-alpha-06);--border-glass:var(--white-alpha-12);--shadow-glass:0 24px 64px var(--black-alpha-40);--radius-auth-card:20px;--library-wash-liked:var(--cyan-alpha-14);--library-wash-albums:var(--violet-alpha-24);--library-wash-artists:var(--teal-alpha-20);--library-wash-playlists:var(--blue-alpha-24);--library-wash-history:var(--amber-alpha-22);--glow-brand-a:var(--cyan-300);--glow-brand-b:var(--violet-400);--glow-electronic-a:var(--magenta-400);--glow-electronic-b:var(--blue-400);--glow-rock-a:var(--red-500);--glow-rock-b:var(--orange-400);--glow-hiphop-a:var(--gold-400);--glow-hiphop-b:var(--purple-400);--glow-pop-a:var(--pink-400);--glow-pop-b:var(--lilac-400);--glow-jazz-a:var(--amber-500);--glow-jazz-b:var(--blue-600);--glow-classical-a:var(--cream-200);--glow-classical-b:var(--periwinkle-400);--glow-folk-a:var(--green-300);--glow-folk-b:var(--amber-500);--glow-persian-a:var(--turquoise-400);--glow-persian-b:var(--lapis-500);--glow-chill-a:var(--teal-400);--glow-chill-b:var(--lavender-300);--strength-weak:var(--red-500);--strength-fair:var(--amber-500);--strength-good:var(--accent-500);--strength-strong:var(--green-300)}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/vazirmatn-latin.woff2)format("woff2");unicode-range:U+0,U+D,U+20-7E,U+A0-17F,U+18F,U+192,U+1A0-1A1,U+1AF-1B0,U+1F0,U+1FA-1FF,U+218-21B,U+237,U+259,U+2BC,U+2C6-2C7,U+2C9,U+2D8-2DD,U+2F3,U+300-301,U+303,U+309,U+30F,U+323,U+2000-2015,U+2017-201E,U+2020-2022,U+2025-2027,U+202A-2030,U+2032-2033,U+2039-203A,U+203C,U+2044,U+2074,U+207F,U+20A3-20A4,U+20A6-20AC,U+20B1,U+20B9-20BA,U+20BC-20BD,U+2105,U+2113,U+2116,U+2122,U+2126,U+212E,U+215B-215E,U+2202,U+2206,U+220E-220F,U+2211-2212,U+2215,U+221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA,U+FB01-FB04,U+FEFF,U+FFFC-FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/vazirmatn-arabic.woff2)format("woff2");unicode-range:U+60C-60D,U+610-612,U+615,U+61B,U+61F,U+621-63A,U+63D,U+640-658,U+65A-65B,U+660-671,U+674,U+679,U+67C,U+67E,U+681,U+685-686,U+688-689,U+691,U+693,U+695-696,U+698,U+69A,U+6A0-6A1,U+6A4,U+6A9-6AD,U+6AF,U+6B5,U+6BA,U+6BC-6BE,U+6C0-6C3,U+6C6-6D0,U+6D2-6D5,U+6DC-6DE,U+6E9,U+6F0-6F9,U+762-763,U+25CC,U+FB50-FB51,U+FB56-FB59,U+FB66-FB6D,U+FB7A-FB7D,U+FB88-FB95,U+FB9E-FB9F,U+FBA5,U+FBA7-FBB1,U+FBBF-FBC0,U+FBD3-FBDC,U+FBDE-FBDF,U+FBE2-FBE3,U+FBE8-FBE9,U+FBFC-FBFF,U+FD3E-FD3F,U+FDF2,U+FDFC,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-700-normal.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);--player-bar-height:96px;--tab-bar-height:56px;--sidebar-width:240px}body{background:var(--surface-page);color:var(--text-primary);-webkit-tap-highlight-color:transparent;margin:0}.discovery-mix .media-card-copy>span{white-space:normal;overflow-wrap:anywhere}.discovery-detail{min-inline-size:0}.discovery-detail h1,.discovery-explanation{overflow-wrap:anywhere}.discovery-detail h1{margin-block:0 4px;font-size:1.5em}.discovery-explanation{max-inline-size:65ch;color:var(--text-muted);line-height:1.5}.discovery-detail-actions{flex-wrap:wrap;gap:12px;margin-block:0 20px;display:flex}.discovery-detail button{min-block-size:44px;min-inline-size:44px}.discovery-detail button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){.discovery-detail,.discovery-detail *{scroll-behavior:auto;transition:none;animation:none}}.collection-grid,.collection-list,.skeleton-group--card,.skeleton-group--row{gap:var(--space-6);margin-block:var(--space-5);padding:0;list-style:none;display:grid}.collection-grid,.skeleton-group--card{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}.collection-list,.skeleton-group--row{grid-template-columns:minmax(0,1fr);gap:0}.media-card{min-inline-size:0;position:relative}.media-card .media-card-open{align-items:stretch;gap:var(--space-3);border-radius:var(--radius-compact);inline-size:100%;min-inline-size:0;color:var(--text-primary);text-align:start;font:inherit;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.collection-artwork{aspect-ratio:1;border-radius:var(--radius-card);background:var(--surface-panel);inline-size:100%;display:block;overflow:hidden}.artist-card .collection-artwork{border-radius:50%}.collection-artwork>.cover,.collection-artwork>.playlist-artwork{block-size:100%!important;inline-size:100%!important}.collection-artwork .cover,.playlist-artwork .cover{object-fit:cover;border-radius:0;display:block}.collection-artwork .cover-placeholder,.playlist-artwork .cover-placeholder{color:var(--text-muted);display:flex;background:var(--surface-panel)!important}.media-card-copy{flex-direction:column;gap:3px;min-inline-size:0;display:flex}.media-card-copy>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-card-copy strong{font-size:15px;font-weight:600}.media-card-copy>span{color:var(--text-muted);font-size:13px}@media (hover:hover){.media-card .media-card-open:hover strong{text-underline-offset:3px;text-decoration:underline}}.media-card-actions{gap:var(--space-2);margin-block-start:var(--space-2);display:flex}.collection-list .media-card{align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--border-row);display:flex}.collection-list .media-card-open{flex-direction:row;flex:1;align-items:center}.collection-list .collection-artwork{flex:0 0 56px;block-size:56px;inline-size:56px}.collection-list .media-card-actions{margin-block-start:0}.playlist-artwork{aspect-ratio:1;background:var(--surface-panel);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.playlist-artwork--mosaic{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-artwork>.cover{min-block-size:0;min-inline-size:0;block-size:100%!important;inline-size:100%!important}.playlist-artwork-fallback{justify-content:center;align-items:center;gap:var(--space-1);color:var(--text-muted);flex-direction:column;font-size:12px;display:flex}.rova-artwork-mark{aspect-ratio:1;background:currentColor;inline-size:35%;display:block;-webkit-mask:url(/brand/svg/rova-symbol-currentcolor.svg) 50%/contain no-repeat;mask:url(/brand/svg/rova-symbol-currentcolor.svg) 50%/contain no-repeat}.playlist-artwork--category{position:relative}.playlist-artwork--category>.category-cover{block-size:100%;inline-size:100%;display:block}.category-artwork-mark{color:#fff;opacity:.8;inline-size:11%;position:absolute;inset-block-end:6%;inset-inline-start:6%}.collection-toolbar{align-items:center;gap:var(--space-3);margin-block:var(--space-4);flex-wrap:wrap;display:flex}.collection-toolbar:empty{display:none}.collection-toolbar label{align-items:center;gap:var(--space-2);color:var(--text-muted);min-inline-size:0;font-size:13px;display:flex}.collection-toolbar select{min-inline-size:0;max-inline-size:100%;font:inherit;background:var(--surface-panel);color:var(--text-primary);border:1px solid var(--border-row);border-radius:var(--radius-control);padding-inline:10px}.collection-view-toggle{gap:var(--space-1);margin-inline-start:auto;display:flex}.collection-filter-chips{gap:var(--space-1);display:flex}.collection-view-toggle button[aria-pressed=true],.collection-filter-chips button[aria-pressed=true]{color:var(--brand);border-color:var(--brand)}.media-card button,.collection-toolbar button,.collection-toolbar select,.empty-state button,.empty-state a,.inline-error button,.toast button,.toast a{font:inherit;min-block-size:44px;min-inline-size:44px}.media-card button:focus-visible,.collection-toolbar :is(button,select):focus-visible,.empty-state :is(button,a):focus-visible,.inline-error button:focus-visible,.toast :is(button,a):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.empty-state{max-inline-size:48ch;padding-block:40px}.empty-state :is(h2,h3,h4){margin:0;font-size:18px;font-weight:600}.empty-state p{color:var(--text-muted);margin-block:var(--space-2) var(--space-4)}.empty-state a,.toast a{align-items:center;display:inline-flex}.inline-error{align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--border-row);flex-wrap:wrap;display:flex}.inline-error p{color:var(--text-danger);margin:0}.toast{z-index:70;inset-inline:var(--space-4);align-items:center;gap:var(--space-3);max-inline-size:560px;padding:var(--space-3) var(--space-4);background:var(--surface-panel);border:1px solid var(--border-row);border-radius:var(--radius-card);flex-wrap:wrap;margin-inline:auto;display:flex;position:fixed;inset-block-end:calc(var(--player-bar-height) + var(--tab-bar-height) + var(--space-4) + env(safe-area-inset-bottom))}.toast p{overflow-wrap:anywhere;flex:180px;min-inline-size:0;margin:0}.app-error-boundary{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-3);min-block-size:100dvh;padding:var(--space-6);text-align:center;background:var(--surface-page);color:var(--text-primary);flex-direction:column;display:flex}.app-error-boundary h1{margin:0;font-size:20px;font-weight:600}.app-error-boundary p{max-inline-size:48ch;color:var(--text-muted);margin:0}.dialog-surface{box-sizing:border-box;inline-size:min(480px, calc(100% - var(--space-8)));max-inline-size:calc(100% - var(--space-8));max-block-size:calc(100dvh - var(--space-8));overscroll-behavior:contain;padding:var(--space-6);border:1px solid var(--border-panel);border-radius:var(--radius-dialog);background:var(--surface-panel);color:var(--text-primary);font:inherit;text-align:start;overflow-wrap:anywhere;overflow:auto}.dialog-surface::backdrop{background:color-mix(in srgb, var(--surface-page) 65%, transparent)}.dialog-surface-header{justify-content:space-between;align-items:start;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.dialog-surface-header h2{min-inline-size:0;margin:0;font-size:1.25rem}.dialog-surface-header h2:focus{outline:none}.dialog-surface-header h2:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.dialog-surface-close{flex:none}.confirm-dialog-body{color:var(--text-muted);line-height:1.5}.confirm-dialog-body p{margin:0}.confirm-dialog-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}body[data-dialog-open=true]{overflow:hidden}.menu-surface{display:inline-flex;position:relative}.menu-surface-panel{z-index:10;gap:var(--space-1);min-inline-size:160px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border-control);border-radius:var(--radius-menu);transition:opacity var(--motion-overlay) ease-out;flex-direction:column;display:flex;position:absolute;inset-block-start:100%;inset-inline-end:0}.menu-surface-panel [role=menuitem]{inline-size:100%;min-block-size:var(--control-height-compact);text-align:start;color:inherit;background:0 0;border-color:#0000}@media (hover:hover){.menu-surface-panel [role=menuitem]:hover:not(:disabled){background:var(--surface-control-hover);color:var(--text-primary)}}.menu-surface-panel [role=menuitem]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.skeleton-group{pointer-events:none}.skeleton{gap:var(--space-3);padding-block:var(--space-3);display:flex}.skeleton--card{flex-direction:column}.skeleton-art,.skeleton-copy>span{background:var(--surface-panel);border-radius:var(--radius-compact);display:block;position:relative;overflow:clip}.skeleton-art:after,.skeleton-copy>span:after{content:"";background:linear-gradient(110deg, transparent 25%, var(--surface-control) 50%, transparent 75%);animation:1.4s ease-in-out infinite skeleton-sheen;position:absolute;inset:0;transform:translate(-100%)}.skeleton-art:dir(rtl):after,.skeleton-copy>span:dir(rtl):after{scale:-1 1}@keyframes skeleton-sheen{to{transform:translate(100%)}}.skeleton-art{flex:0 0 56px;block-size:56px;inline-size:56px}.skeleton--track .skeleton-art{flex-basis:36px;block-size:36px;inline-size:36px}.skeleton--card .skeleton-art{aspect-ratio:1;flex-basis:auto;block-size:auto;inline-size:100%}.skeleton-copy{justify-content:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.skeleton-copy>span{block-size:14px;inline-size:75%}.skeleton-copy>span+span{inline-size:50%}@media (width>=900px){.toast{inset-block-end:calc(var(--player-bar-height) + var(--space-4))}}@media (prefers-reduced-motion:reduce){.media-card *,.collection-toolbar *,.skeleton *,.toast *,.menu-surface-panel{transition:none;animation:none}}.app{flex-flow:wrap;min-height:100vh;display:flex}.connection-banner{box-sizing:border-box;padding:var(--space-2) var(--space-4);background:var(--surface-control);color:var(--text-primary);font-size:var(--type-meta);text-align:center;flex:0 0 100%;margin:0}h1,h2,.display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}h1{font-size:var(--type-title);margin:0}h2{font-size:var(--type-section)}input[type=range]{direction:ltr}main{min-width:0;padding:20px;padding-bottom:calc(var(--player-bar-height) + 20px);flex:1}.back-control{margin-bottom:16px}.back-control:disabled{color:var(--text-disabled);cursor:not-allowed}.sources{margin-bottom:24px}.sources li{overflow-wrap:anywhere}.tempo-scroll{max-inline-size:100%;overflow-x:auto}.tempo-table{border-collapse:collapse}.tempo-table th,.tempo-table td{text-align:start;white-space:nowrap;padding-block:4px;padding-inline:0 16px;font-weight:400}.tempo-table thead th{color:var(--text-muted);font-weight:600}.add-root{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.add-root input{background:var(--surface-field);border:1px solid var(--border-field);color:inherit;border-radius:var(--radius-compact);flex:0 400px;padding:6px 10px}button{background:var(--surface-control);border:1px solid var(--border-control);color:inherit;border-radius:var(--radius-control);cursor:pointer;padding:6px 14px}.control-button{justify-content:center;align-items:center;gap:var(--space-control-gap);min-block-size:var(--control-height-touch);padding-inline:var(--space-control-inline);background:var(--control-bg);border-color:var(--control-border);color:var(--control-text);font:inherit;transition:color var(--motion-state) ease-out, background-color var(--motion-state) ease-out, border-color var(--motion-state) ease-out, transform var(--motion-press) var(--ease-out);line-height:1.2;display:inline-flex}.control-button[data-size=compact]{min-block-size:var(--control-height-compact)}.control-button[data-size=prominent]{min-block-size:var(--control-height-prominent);padding-inline:var(--space-5)}.control-button[data-tone=primary]{background:var(--control-primary-bg);border-color:var(--control-primary-bg);color:var(--control-primary-text);font-weight:600}.control-button[data-tone=quiet]{color:var(--text-muted);background:0 0;border-color:#0000}.control-button[data-tone=danger]{background:var(--control-danger-bg);border-color:var(--control-danger-border);color:var(--control-danger-text)}@media (hover:hover){.control-button:hover:not(:disabled){background:var(--control-bg-hover);color:var(--text-primary)}.control-button[data-tone=primary]:hover:not(:disabled){background:var(--control-primary-bg-hover);border-color:var(--control-primary-bg-hover);color:var(--control-primary-text)}.control-button[data-tone=danger]:hover:not(:disabled){border-color:var(--text-on-danger-surface);color:var(--text-primary)}}.control-button:active:not(:disabled){filter:brightness(.88);transition-duration:var(--motion-press)}.control-button[data-tone=primary]:active:not(:disabled){background:var(--control-primary-bg-active);border-color:var(--control-primary-bg-active)}.control-button:focus-visible,.icon-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.control-button[aria-busy=true]{cursor:progress}.icon-button{inline-size:var(--control-height-touch);min-inline-size:var(--control-height-touch);padding:0}.icon-button[data-size=compact]{inline-size:var(--control-height-compact);min-inline-size:var(--control-height-compact)}.icon-button-glyph{justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.control-button{transition-duration:.01ms}}button:disabled{color:var(--text-disabled);background:var(--surface-inset);cursor:default}.error{color:var(--text-danger)}.count{color:var(--text-muted);font-size:13px}ul.tracks{margin:0;padding:0;font-size:14px;list-style:none}.track-row{box-sizing:border-box;border-bottom:1px solid var(--border-row);cursor:pointer;align-items:center;gap:10px;min-height:56px;padding-inline:8px;display:flex}@media (hover:hover){.track-row:hover{background:var(--surface-row-hover)}}.tracks .track-play{min-block-size:44px;min-inline-size:44px;color:inherit;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.tracks .track-play:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.track-row.playing .track-row-title{color:var(--state-playing)}.track-row.unplayable,.track-row.unplayable .muted,.track-row.unplayable .track-row-time{color:var(--text-disabled)}.track-row.unplayable{cursor:not-allowed;font-style:italic}.track-row.unplayable:hover{background:0 0}.track-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.track-row-title,.track-row-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-row-sub{font-size:12px}.track-row-time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.track-row .row-actions{align-items:center;display:flex}button.unplayable{color:var(--text-disabled);cursor:not-allowed;font-style:italic}.player-bar{bottom:0;background:var(--surface-chrome);border-top:1px solid var(--border-chrome);flex-direction:column;display:flex;position:fixed;inset-inline:0}.tab-bar{display:none}.playback-error{background:var(--surface-danger);color:var(--text-on-danger-surface);margin:0;padding:6px 20px;font-size:13px}.controls-row{align-items:center;gap:24px;padding:12px 20px;display:flex}.now-playing{cursor:pointer;align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.now-playing-info{flex-direction:column;min-width:0;display:flex}.now-playing-info strong,.now-playing-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing span{color:var(--text-muted)}.transport{direction:ltr;flex:1;align-items:center;gap:10px;display:flex}.transport input[type=range]{flex:1;width:0;min-width:0}.volume{flex:0 148px;min-width:0}.volume input[type=range]{min-width:0;margin:0}.transport input[type=range]:disabled{opacity:.4}.time{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:40px;font-size:12px}.empty{color:var(--text-muted)}.load-more{margin:12px 0}.library-account,.library-account:empty{display:none}.tabs{gap:var(--space-2);margin-block-end:var(--space-4);display:flex}.tabs button.active,.tabs button[aria-current=page]{border-color:var(--state-selected);color:var(--state-selected)}.sidebar{box-sizing:border-box;flex:0 0 var(--sidebar-width);height:calc(100vh - var(--player-bar-height));background:var(--surface-chrome);border-inline-end:1px solid var(--border-chrome);flex-direction:column;align-self:flex-start;gap:12px;padding:16px 12px;display:flex;position:sticky;top:0}.sidebar-wordmark{color:var(--brand);padding-inline-start:10px}.sidebar-nav{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow-y:auto}.sidebar-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-list button{text-align:start;width:100%;font:inherit;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 10px;display:block;overflow:hidden}.sidebar-list button:hover{background:var(--surface-row-hover);color:var(--text-primary)}.sidebar-list button.active{color:var(--state-selected)}.sidebar-list button.sidebar-destination{align-items:center;gap:var(--space-3);display:flex}.sidebar-divider{border:none;border-block-start:1px solid var(--border-chrome);margin:0}.sidebar-heading{color:var(--text-muted);margin:8px 0 0;padding-inline-start:10px;font-size:12px}.sidebar-playlist-name,.sidebar-playlist-owner{text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-playlist-owner{color:var(--text-muted);font-size:12px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:0;list-style:none;display:grid}.cards button{text-align:start;flex-direction:column;gap:4px;width:100%;padding:12px;display:flex}.cards strong{font-size:14px}.cards span{font-size:12px}.library h3{margin:20px 0 8px;font-size:14px}.muted{color:var(--text-muted)}.detail-header{border-bottom:1px solid var(--border-chrome);margin-bottom:20px;padding:12px 20px}.detail-header h2{margin:0 0 4px}.detail-header-cover-row{align-items:flex-start;gap:20px;display:flex}.share-switch{color:var(--text-muted);align-items:center;gap:6px;margin-inline-start:8px;font-size:13px;display:inline-flex}.share-link{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.share-link-url{overflow-wrap:anywhere;min-width:0;font-size:12px}.cover{border-radius:var(--radius-compact);object-fit:cover;flex-shrink:0}.cover-placeholder{color:var(--text-on-art);letter-spacing:.02em;justify-content:center;align-items:center;font-weight:600;display:flex}.search-box{min-block-size:44px;inline-size:100%;max-inline-size:32rem;margin-block-end:1rem;padding-block:.5rem;padding-inline:.75rem}.search-box:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.search button[aria-disabled=true],.discovery-detail button[aria-disabled=true]{opacity:.5;cursor:wait}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.editor{border:1px solid var(--border-panel);border-radius:var(--radius-control);flex-direction:column;gap:8px;max-width:32rem;margin-bottom:16px;padding:16px;display:flex}.editor label{flex-direction:column;gap:4px;font-size:12px;display:flex}.editor input{padding:6px 8px}.editor label.editor-check{flex-direction:row;align-items:center;gap:6px}.editor-actions{gap:8px;margin-top:8px;display:flex}.editor-bpm-actions{gap:8px;display:flex}.editor-mb-version{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.row-edit{padding:2px 8px;font-size:11px}.review-list{flex-direction:column;gap:16px;padding:0;list-style:none;display:flex}.review-list li{border:1px solid var(--border-panel);border-radius:var(--radius-control);padding:12px}.review-compare{width:100%}.review-compare th{text-align:start;width:8rem;color:var(--text-muted);font-weight:600}.review-actions{gap:8px;margin-top:8px;display:flex}.now-playing-sheet{top:0;inset-inline-end:0;bottom:var(--player-bar-height);overscroll-behavior:contain;background:var(--surface-chrome);border-inline-start:1px solid var(--border-chrome);z-index:5;width:340px;padding:16px;position:fixed;overflow-y:auto}.now-playing-panel{display:none}.queue-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.queue-header h2{margin:0;font-size:15px}.queue-current{border:1px solid var(--border-chrome);border-radius:var(--radius-compact);background:var(--surface-raised);align-items:center;gap:10px;margin-bottom:12px;padding:8px;display:flex}.queue-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.queue-row{border-radius:var(--radius-compact);cursor:pointer;align-items:center;gap:10px;padding:6px;display:flex}@media (hover:hover){.queue-row:hover{background:var(--surface-row-hover)}}.queue-row-info{flex-direction:column;flex:1;min-width:0;display:flex}.queue-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.queue-row-info .muted{font-size:11px}.queued-marker{color:var(--text-muted);border:1px solid var(--border-control);border-radius:3px;padding:1px 4px;font-size:10px}.queue-row-actions{gap:2px;display:flex}.queue-row-actions button{padding:2px 6px;font-size:11px}.queue-modes{gap:8px;margin-bottom:12px;display:flex}.queue-modes button{flex:1;font-size:12px}.player-bar button.toggled,.queue-modes button.toggled{color:var(--state-toggled-on)}.row-queue{margin-inline-end:4px;padding:2px 8px;font-size:11px}.like-button{--like-glyph:20px;--icon-size:var(--like-glyph);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;position:relative}.like-button--bar{--like-glyph:22px}.like-button--large{--like-glyph:28px}.like-button:hover{color:var(--text-primary)}.like-button.liked{color:var(--state-liked)}@media (hover:hover){.like-button.liked:hover:not(:disabled){color:var(--state-liked)}}.like-echo{place-items:center;display:grid;position:relative}.like-heart{stroke-width:2px;overflow:visible}.like-button.liked .like-heart{filter:drop-shadow(0 0 6px var(--like-glow))}.like-ring{border:2px solid var(--state-liked);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.like-echo--pop .like-heart{animation:.44s cubic-bezier(.2,.9,.3,1.3) like-beat}.like-echo--pop .like-ring{animation:.64s ease-out like-ring}.like-echo--pop .like-ring+.like-ring{animation-delay:.13s}@keyframes like-beat{0%{transform:scale(.72)}45%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes like-ring{0%{opacity:.85;transform:scale(.75)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.like-echo--pop .like-heart,.like-echo--pop .like-ring{animation:none}}.row-menu{display:inline-flex}.row-menu-trigger{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:13px}.row-menu-panel{min-inline-size:160px;inset-inline-end:0}.row-menu-panel [role=menuitem]{padding:var(--space-2);font-size:12px}.liked-indicator{color:var(--state-liked);margin-inline-end:4px;font-size:12px}.row-actions{white-space:nowrap}.picker{margin:auto}.picker-list{flex-direction:column;gap:4px;margin:0 0 12px;padding:0;list-style:none;display:flex}.picker-list button{text-align:start;width:100%;padding:6px 8px;font-size:13px}.picker-create{gap:8px;margin-bottom:10px;display:flex}.picker-create input{flex:1}.playlist-delete-confirmation button{min-block-size:44px;min-inline-size:44px}.playlist-items{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.playlist-row{border-radius:var(--radius-compact);cursor:pointer;align-items:center;gap:10px;padding:6px;display:flex}@media (hover:hover){.playlist-row:hover{background:var(--surface-row-hover)}}.playlist-row.unplayable,.playlist-row.unplayable .muted{color:var(--text-disabled)}.playlist-row.unplayable{cursor:not-allowed;font-style:italic}.playlist-row.unplayable:hover{background:0 0}.playlist-row-info{flex-direction:column;flex:1;min-width:0;display:flex}.playlist-row-actions{flex-shrink:0;gap:2px;display:flex}.playlist-row-actions button{min-block-size:44px;min-inline-size:44px;padding:2px 6px;font-size:14px}.playlist-row-actions button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.playlist-drag-handle{cursor:grab;touch-action:pan-y}.playlist-drag-handle:active{cursor:grabbing}.playlist-row.is-dragging{opacity:.55}.playlist-row.is-drop-target{outline:2px solid var(--brand);outline-offset:-2px;background:var(--surface-row-hover)}.playlist-items[aria-busy=true] .playlist-row-actions{opacity:.65}.playlist-row-actions button:disabled{cursor:default}@media (hover:none) and (pointer:coarse){.playlist-drag-handle{display:none}}.playlist-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.history-time{color:var(--text-muted);white-space:nowrap;margin-inline-start:auto;font-size:12px}.artist-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;display:inline}.artist-link:hover{text-decoration:underline}@media (width<=899px){.editor-bpm-actions button,.editor input[aria-label=BPM],.tempo-retry{min-block-size:44px;min-inline-size:44px}.collection-grid,.collection-list,.skeleton-group--card,.skeleton-group--row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.collection-view-toggle{display:none}.skeleton--row{flex-direction:column}.skeleton--row .skeleton-art{aspect-ratio:1;flex-basis:auto;block-size:auto;inline-size:100%}.collection-list .media-card{border:0;padding-block:0;display:block}.collection-list .media-card-open{flex-direction:column;align-items:stretch}.collection-list .collection-artwork{flex-basis:auto;block-size:auto;inline-size:100%}.collection-list .media-card-actions{margin-block-start:8px}.collection-toolbar{gap:8px}.sidebar{display:none}.library-account{margin-bottom:16px;display:block}main{padding-bottom:calc(var(--player-bar-height) + var(--tab-bar-height) + env(safe-area-inset-bottom) + 20px)}.back-control{display:none}.controls-row{gap:8px;padding:8px 10px}.now-playing{flex:auto;gap:8px;min-width:0}.transport{flex:none;gap:8px}.volume,.now-playing .like-button,.transport .time,.transport .seek,.transport .transport-shuffle,.transport .transport-repeat{display:none}.transport button{min-width:44px;min-height:44px}.now-playing .artist-link{pointer-events:none}.now-playing-panel .artist-link{min-width:44px;min-height:44px}.now-playing-sheet{box-sizing:border-box;width:100vw}.now-playing-panel{flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;display:flex}.now-playing-panel-info{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%;display:flex}.now-playing-panel-title{overflow-wrap:anywhere;font-size:17px}.now-playing-panel input.seek{width:100%;height:44px}body.sheet-locked{overflow:hidden}.tab-bar{box-sizing:border-box;min-block-size:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));background:linear-gradient(to bottom, color-mix(in srgb, var(--surface-app) 88%, transparent), var(--surface-app) 40%);padding-block-end:env(safe-area-inset-bottom);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.tab-bar button{min-width:44px;min-height:44px;font:inherit;font-size:var(--type-small);color:var(--text-muted);background:0 0;border:0;flex:1;justify-items:center;gap:2px;padding-inline:0;display:grid}.tab-bar button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-width))}.tab-bar button.active{border-color:var(--state-selected);color:var(--state-selected)}.tabs button{min-width:44px;min-height:44px}.control-button[data-size=compact]{min-block-size:var(--control-height-touch)}.icon-button[data-size=compact]{inline-size:var(--control-height-touch);min-inline-size:var(--control-height-touch)}.menu-surface-panel [role=menuitem]{min-block-size:var(--control-height-touch)}}@media (pointer:coarse){.control-button[data-size=compact],.menu-surface-panel [role=menuitem]{min-block-size:var(--control-height-touch)}.icon-button[data-size=compact]{inline-size:var(--control-height-touch);min-inline-size:var(--control-height-touch)}}@media (width<=700px){.dialog-surface{inset-inline:var(--space-2);inline-size:calc(100% - var(--space-4));max-inline-size:none;max-block-size:calc(100dvh - var(--player-bar-height,96px) - var(--tab-bar-height,56px) - var(--space-6) - env(safe-area-inset-bottom));padding:var(--space-5);border-radius:16px 16px var(--radius-card) var(--radius-card);margin:0;position:fixed;inset-block-start:auto;inset-block-end:calc(var(--player-bar-height,96px) + var(--tab-bar-height,56px) + var(--space-2) + env(safe-area-inset-bottom))}.picker{margin:0}.tabs{flex-wrap:nowrap;overflow-x:auto}.row-menu-panel{max-width:calc(100vw - 16px);inset-inline:auto 0}.like-button,.row-menu-trigger,.row-menu-panel button,.queue-header button,.queue-modes button,.queue-row-actions button,.load-more,.playlist-row-actions button{min-width:44px;min-height:44px}}@media (width<=359px){.collection-grid,.collection-list,.skeleton-group--card,.skeleton-group--row{grid-template-columns:minmax(0,1fr)}}.now-playing-open{cursor:pointer;border-radius:var(--radius-compact);background:0 0;border:0;padding:0}.now-playing-open:focus-visible{outline:2px solid var(--state-selected);outline-offset:3px}dialog.now-playing-sheet{box-sizing:border-box;background:var(--surface-page);block-size:100dvh;max-block-size:none;inline-size:100vw;max-inline-size:none;color:var(--text-primary);border:0;border-radius:0;margin:0;padding:clamp(16px,2vw,28px);position:fixed;inset-block:0;inset-inline:0;overflow:hidden}dialog.now-playing-sheet::backdrop{background:var(--surface-page)}.now-playing-sheet>.dialog-surface-header{align-items:center;max-inline-size:1240px;margin-block-end:8px;margin-inline:auto}.now-playing-sheet>.dialog-surface-header h2{font-size:clamp(1.1rem,2vw,1.5rem)}.playback-view-switch{gap:8px;max-inline-size:1240px;margin-inline:auto;padding-block-end:14px;display:flex}.playback-view-switch button{min-block-size:44px}.queue-count{font-variant-numeric:tabular-nums;min-inline-size:1.5em;margin-inline-start:4px;display:inline-block}.playback-layout{grid-template-columns:minmax(0,1.25fr) minmax(330px,.85fr);gap:clamp(20px,4vw,64px);block-size:calc(100% - 108px);min-block-size:0;max-inline-size:1240px;margin-inline:auto;display:grid}.playback-mode-queue .playback-layout{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}.now-playing-panel{text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(6px,1.5vh,14px);min-block-size:0;min-inline-size:0;display:flex;overflow-y:auto}.playback-artwork{aspect-ratio:1;flex:0 auto;place-items:center;inline-size:min(44dvh,34vw,420px);max-inline-size:100%;display:grid;container-type:inline-size}@media (width>=900px){.playback-artwork{block-size:min(33dvh,34vw,420px);min-block-size:160px;inline-size:auto}.now-playing-panel{gap:8px}}.playback-artwork .cover{object-fit:cover;border-radius:var(--radius-card);min-block-size:0;min-inline-size:0;block-size:100%!important;inline-size:100%!important}.playback-artwork .cover-placeholder{white-space:nowrap;overflow:hidden;font-size:min(clamp(4rem,12vw,8rem),45cqi)!important}.now-playing-panel-info{flex-direction:column;align-items:center;gap:4px;min-inline-size:0;max-inline-size:100%;display:flex}.now-playing-panel-title{overflow-wrap:anywhere;font-size:clamp(1.4rem,2.5vw,2.5rem);line-height:1.15}.expanded-seek{inline-size:min(100%,480px)}.expanded-seek input.seek{block-size:44px;inline-size:100%;margin-inline:0}.expanded-transport{justify-content:center;align-items:center;gap:clamp(16px,3vw,48px);display:flex}.expanded-transport button{border-radius:50%;block-size:54px;inline-size:54px;font-size:22px}.expanded-transport .transport-play{background:var(--control-primary-bg);block-size:66px;inline-size:66px;color:var(--control-primary-text)}.now-playing-panel .queue-modes{inline-size:min(100%,360px);margin:0}.now-playing-panel .queue-modes button{min-block-size:44px}.now-playing-panel .volume-control--expanded{inline-size:min(100%,320px)}.playback-status{color:var(--text-muted);margin:0}.playback-queue-pane{flex-direction:column;min-block-size:0;min-inline-size:0;padding-inline:4px;display:flex;overflow-y:auto}.playback-queue-pane .queue-header{align-items:end;gap:12px;margin-block-end:16px}.playback-queue-pane .queue-header h2{margin:0;font-size:1.4rem}.playback-eyebrow{color:var(--text-muted);letter-spacing:.12em;font-size:10px;font-weight:700}.queue-toolbar{flex-wrap:wrap;justify-content:end;gap:6px;display:flex}.queue-current{min-block-size:64px}.queue-current .queue-row-info{gap:2px}.queue-list{gap:6px}.queue-row{cursor:default;border:1px solid #0000;min-block-size:58px}.queue-row:focus-within{border-color:var(--state-selected)}.queue-row-play{text-align:start;inline-size:100%;min-inline-size:0;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:start;padding:4px;display:flex}.queue-row-play :is(.queue-row-title,.muted){text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.queue-row-play:disabled{cursor:not-allowed;color:var(--text-muted)}.queue-unavailable{color:var(--text-danger);font-size:11px}.queue-row-actions button,.queue-drag-handle{min-block-size:44px;min-inline-size:38px}.queue-drag-handle{cursor:grab;color:var(--text-muted)}.queue-clear-confirm{border:1px solid var(--border-panel);border-radius:var(--radius-card);background:var(--surface-raised);margin-block-end:12px;padding:12px}.queue-clear-confirm p{margin-block:0 8px}.queue-clear-confirm button{margin-inline-end:6px}.queue-add-dialog{inline-size:min(680px,100vw - 32px)}.queue-add-search{box-sizing:border-box;min-block-size:44px;inline-size:100%}.queue-add-results{max-block-size:min(52dvh,430px);margin:12px 0 0;padding:0;list-style:none;overflow-y:auto}.queue-add-row{border-block-end:1px solid var(--border-row);align-items:center;gap:12px;padding-block:8px;display:flex}.queue-add-row-info{flex:1;min-inline-size:0}.queue-add-actions{gap:6px;display:flex}.queue-add-actions button{min-block-size:44px}.queue-save-dialog{inline-size:min(520px,100vw - 32px)}.queue-save-form{flex-direction:column;gap:10px;display:flex}.queue-save-form input{box-sizing:border-box;min-block-size:44px;inline-size:100%}.queue-save-hint,.queue-save-count{margin:0}.queue-save-actions{flex-wrap:wrap;gap:8px;margin-block-start:8px;display:flex}.playback-feedback{background:var(--surface-danger);color:var(--text-on-danger-surface);border-radius:var(--radius-card);text-align:start;align-self:stretch;padding:12px}.playback-feedback p{margin:0 0 8px}.playback-feedback-actions{flex-wrap:wrap;gap:8px;display:flex}.player-bar .playback-feedback{border-radius:0;padding:8px 20px}.player-bar .playback-feedback p{margin-inline-end:12px;display:inline}.player-bar .playback-feedback-actions{display:inline-flex}@media (hover:none){.queue-drag-handle{display:none}}@media (width<=899px){dialog.now-playing-sheet{border-radius:0;block-size:100dvh;max-block-size:none;inline-size:100vw;padding:12px 16px;inset-block:0;inset-inline:0}.now-playing-sheet>.dialog-surface-header{margin-block-end:4px}.playback-view-switch{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.playback-layout{block-size:calc(100% - 104px);display:block;overflow:hidden}.playback-mode-now .playback-queue-pane,.playback-mode-queue .now-playing-panel{display:none}.now-playing-panel{justify-content:safe center;block-size:100%;margin:0}.playback-artwork{inline-size:min(74vw,34dvh,330px)}.now-playing-panel-title{font-size:clamp(1.35rem,6vw,2rem)}.playback-queue-pane{block-size:100%}.queue-row-actions button{min-inline-size:44px}.queue-drag-handle{display:none}.queue-add-row{flex-wrap:wrap}.queue-add-actions{flex:100%;justify-content:end}}.icon,.playback-icon{inline-size:var(--icon-size,20px);block-size:var(--icon-size,20px);flex:none;display:block}:dir(rtl) .icon-mirrored{transform:scaleX(-1)}.transport{gap:8px}:is(.transport,.expanded-transport) :is(.transport-play,.transport-skip){transition:background-color var(--motion-state) ease-out, color var(--motion-state) ease-out, border-color var(--motion-state) ease-out, transform var(--motion-press) ease-out;place-items:center;padding:0;display:inline-grid}:is(.transport,.expanded-transport) .transport-skip{background:0 0;border-color:#0000}:is(.transport,.expanded-transport) .transport-play:not(:disabled){border-radius:var(--radius-round);background:var(--control-primary-bg);color:var(--control-primary-text);border-color:#0000}.transport .transport-play{flex:none;block-size:44px;inline-size:44px}.expanded-transport .transport-play .playback-icon{block-size:27px;inline-size:27px}.expanded-transport .transport-skip .playback-icon{block-size:24px;inline-size:24px}.transport-play:disabled{border-radius:var(--radius-round)}:is(.transport,.expanded-transport) :is(.transport-play,.transport-skip):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (hover:hover){:is(.transport,.expanded-transport) .transport-play:hover:not(:disabled){background:var(--control-primary-bg-hover);transform:scale(1.04)}:is(.transport,.expanded-transport) .transport-skip:hover:not(:disabled){color:var(--accent-400);background:var(--surface-control-hover)}}:is(.transport,.expanded-transport) :is(.transport-play,.transport-skip):active:not(:disabled){transform:scale(.94)}.transport-play .playback-icon{animation:playback-glyph-in var(--motion-state) ease-out both}@keyframes playback-glyph-in{0%{opacity:.55;transform:scale(.78)}to{opacity:1;transform:scale(1)}}input.seek{--seek-track-size:5px;appearance:none;border-radius:var(--radius-round);cursor:pointer;background:linear-gradient(to right, var(--state-playing) 0 var(--seek-played), var(--grey-700) var(--seek-played) var(--seek-buffered), var(--grey-740) var(--seek-buffered) 100%) center / 100% var(--seek-track-size) no-repeat;block-size:44px;margin-block:0}input.seek::-webkit-slider-runnable-track{block-size:var(--seek-track-size);background:0 0}input.seek::-moz-range-track{block-size:var(--seek-track-size);background:0 0}input.seek::-webkit-slider-thumb{appearance:none;block-size:14px;inline-size:14px;border:2px solid var(--surface-page);background:var(--state-playing);box-shadow:0 0 0 1px var(--state-playing);transition:transform var(--motion-state) ease-out;border-radius:50%;margin-block-start:calc((var(--seek-track-size) - 14px) / 2)}input.seek::-moz-range-thumb{border:2px solid var(--surface-page);background:var(--state-playing);block-size:10px;inline-size:10px;box-shadow:0 0 0 1px var(--state-playing);transition:transform var(--motion-state) ease-out;border-radius:50%}input.seek:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:0;border-radius:var(--radius-control)}@media (hover:hover){input.seek:hover:not(:disabled){--seek-track-size:7px}input.seek:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.15)}input.seek:hover:not(:disabled)::-moz-range-thumb{transform:scale(1.15)}}input.seek:disabled{cursor:default;opacity:.4}button:not(.transport-play):not(.transport-skip):not(.discovery-play):not(.volume-speaker):not(.media-card-play):not(.quick-tile-play)>.playback-icon{vertical-align:middle;margin-inline-end:6px;display:inline-block}button.discovery-play>.playback-icon{vertical-align:middle;block-size:16px;inline-size:16px;display:inline-block}@media (prefers-reduced-motion:reduce){.transport-play .playback-icon{animation:none}.transport .transport-play,.transport .transport-skip,.expanded-transport .transport-play,.expanded-transport .transport-skip{transition:none}input.seek::-webkit-slider-thumb{transition:none}input.seek::-moz-range-thumb{transition:none}}.expanded-seek{direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;row-gap:0;display:grid}.expanded-seek input.seek{grid-area:1/1/auto/-1}.expanded-seek .time:first-child{grid-area:2/1;justify-self:start}.expanded-seek .time:last-child{grid-area:2/2;justify-self:end}.volume-control{direction:ltr;align-items:center;gap:8px;min-inline-size:0;display:flex}.volume-control--compact{inline-size:100%}.volume-speaker{border-radius:var(--radius-control);block-size:44px;inline-size:44px;color:var(--accent-500);transition:color var(--motion-state) ease-out;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.volume-speaker[data-level=muted]{color:var(--text-muted)}.volume-speaker .playback-icon{block-size:20px;inline-size:20px;transition:transform var(--motion-press) ease-out;margin:0}.volume-speaker:active .playback-icon{transform:scale(.88)}.volume-speaker:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.volume-speaker:hover{color:var(--accent-400)}.volume-speaker[data-level=muted]:hover{color:var(--text-primary)}}input.volume-slider[type=range]{--volume-track-size:5px;appearance:none;border-radius:var(--radius-control);cursor:pointer;background:linear-gradient(to right, var(--accent-500) 0 var(--volume-fill), var(--grey-700) var(--volume-fill) 100%) center / 100% var(--volume-track-size) no-repeat;border:0;flex:auto;block-size:44px;inline-size:0;min-inline-size:0;margin:0}input.volume-slider::-webkit-slider-runnable-track{block-size:var(--volume-track-size);background:0 0}input.volume-slider::-moz-range-track{block-size:var(--volume-track-size);background:0 0}input.volume-slider::-webkit-slider-thumb{appearance:none;block-size:14px;inline-size:14px;border:2px solid var(--surface-page);background:var(--accent-500);box-shadow:0 0 0 1px var(--accent-500);transition:transform var(--motion-state) ease-out;border-radius:50%;margin-block-start:calc((var(--volume-track-size) - 14px) / 2)}input.volume-slider::-moz-range-thumb{border:2px solid var(--surface-page);background:var(--accent-500);block-size:10px;inline-size:10px;box-shadow:0 0 0 1px var(--accent-500);transition:transform var(--motion-state) ease-out;border-radius:50%}input.volume-slider:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:0}@media (hover:hover){input.volume-slider:hover{--volume-track-size:7px}input.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}input.volume-slider:hover::-moz-range-thumb{transform:scale(1.15)}}.volume-percent{min-inline-size:4ch;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:end;font-size:12px}@media (prefers-reduced-motion:reduce){.volume-speaker,.volume-speaker .playback-icon{transition:none}input.volume-slider::-webkit-slider-thumb{transition:none}input.volume-slider::-moz-range-thumb{transition:none}}.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand){block-size:44px;inline-size:44px;color:var(--text-muted);border-radius:var(--radius-control);transition:color var(--motion-state) ease-out;background:0 0;border-color:#0000;flex:none;place-items:center;padding:0;display:inline-grid}.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand).toggled{color:var(--state-toggled-on)}.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand):disabled{color:var(--text-disabled)}.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand):hover:not(:disabled):not(.toggled){color:var(--text-primary)}}.queue-modes button{color:var(--text-muted);border-radius:var(--radius-control);transition:color var(--motion-state) ease-out;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding-inline:12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.queue-modes button.toggled{color:var(--state-toggled-on)}.queue-modes button:disabled{color:var(--text-disabled)}.queue-modes button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.queue-modes button:hover:not(:disabled):not(.toggled){color:var(--text-primary)}}.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand)>.playback-icon,.queue-modes button>.playback-icon{transition:transform var(--motion-press) ease-out}.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand):active:not(:disabled)>.playback-icon,.queue-modes button:active:not(:disabled)>.playback-icon{transform:scale(.88)}.queue-modes .playback-icon,.playback-view-switch .playback-icon{block-size:18px;inline-size:18px;margin-inline-end:0}.playback-view-switch .control-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}@media (prefers-reduced-motion:reduce){.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand),.queue-modes button,.player-bar :is(.transport-shuffle,.transport-repeat,.transport-queue,.player-expand)>.playback-icon,.queue-modes button>.playback-icon{transition:none}}@media (width<=899px){.transport .transport-shuffle,.transport .transport-repeat{display:none}}@media (hover:hover){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:#0000;background-clip:padding-box;border:3px solid #0000;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:#e8edf238}::-webkit-scrollbar-thumb:hover{background-color:#e8edf266}::-webkit-scrollbar-thumb:active{background-color:var(--accent-500)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#e8edf240 transparent}}}:root{--top-bar-height:0px}@media (width>=900px){:root{--top-bar-height:68px}.app{box-sizing:border-box;gap:var(--space-2);padding:var(--space-2);background:var(--surface-app);padding-block-end:0}.sidebar,main{border-radius:var(--radius-panel);background:var(--surface-page)}.sidebar{height:calc(100vh - var(--player-bar-height) - var(--space-2));border-inline-end:0}main{padding-block-start:0;position:relative;overflow-x:clip}.top-bar{z-index:5;align-items:center;gap:var(--space-3);padding:var(--space-3) 20px;transition:background-color var(--motion-overlay);background:0 0;border-start-start-radius:var(--radius-panel);border-start-end-radius:var(--radius-panel);grid-template-columns:auto minmax(0,1fr) auto;margin-inline:-20px;display:grid;position:sticky;inset-block-start:0}.top-bar[data-solid=true]{background:var(--top-bar-tint,var(--surface-page))}.top-bar-account{align-items:center;gap:var(--space-2);display:flex}.top-bar-back{border-radius:var(--radius-round);background:var(--surface-scrim);border:0;place-items:center;block-size:32px;min-block-size:32px;inline-size:32px;min-inline-size:32px;margin:0;display:grid}.top-bar-back:disabled{background:var(--surface-scrim)}.top-bar-title{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.top-bar-title .display{font-size:var(--type-title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top-bar-play{border-radius:var(--radius-round);background:var(--control-primary-bg);block-size:32px;inline-size:32px;color:var(--control-primary-text);border:0;place-items:center;padding:0;display:grid}.top-bar-play,.top-bar-title .display{transition:opacity var(--motion-state) var(--ease-out)}@starting-style{html:not([data-motion=reduced]) .top-bar-play,html:not([data-motion=reduced]) .top-bar-title .display{opacity:0}}.sidebar-nav{flex:none;overflow-y:visible}.library-panel{gap:var(--space-2);flex-direction:column;flex:auto;min-block-size:0;display:flex;overflow-y:auto}.library-panel-header{justify-content:space-between;align-items:center;padding-inline:10px;display:flex}.library-panel-header h2{margin:0}.library-panel-create{border-radius:var(--radius-round);background:var(--surface-scrim);border:0;place-items:center;block-size:32px;min-block-size:32px;inline-size:32px;min-inline-size:32px;display:grid}.library-panel-chips{gap:var(--space-2);padding-inline:10px;display:flex}.library-panel-list{margin:0;padding:0;list-style:none}.liked-tile{border-radius:var(--radius-card-art);background:linear-gradient(135deg, var(--accent-700), var(--brand));block-size:48px;inline-size:48px;color:var(--surface-page);place-items:center;display:grid}.library-panel-row{column-gap:var(--space-3);inline-size:100%;padding:var(--space-2);border-radius:var(--radius-control);text-align:start;font:inherit;color:var(--text-primary);background:0 0;border:0;grid-template-columns:48px minmax(0,1fr);align-items:center;display:grid}.library-panel-row>:first-child{grid-row:span 2}.library-panel-row:hover{background:var(--surface-card-hover)}.library-panel-row.active{color:var(--state-selected)}.library-panel-chips button,.library-panel .sidebar-retry{font:inherit}.library-panel-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.library-panel-kind{color:var(--text-muted);font-size:var(--type-meta);grid-column:2}.library-panel-chips button{border-radius:var(--radius-round);background:var(--surface-control);padding-inline:var(--space-3);border:0;min-block-size:32px}.library-panel-chips button[aria-pressed=true]{background:var(--text-primary);color:var(--surface-page)}.library-panel-row:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-width))}.library-panel-chips button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.pinned-group--sidebar{border-block-end:1px solid var(--border-row);padding-block-end:var(--space-2)}.sidebar:has(.menu-surface-panel){z-index:30}}@media (width<=899px){.top-bar{display:none}.player-bar{inset-block-end:calc(var(--tab-bar-height) + env(safe-area-inset-bottom))}}.menu-surface-panel{scroll-margin-block-start:calc(var(--top-bar-height) + var(--space-2));scroll-margin-block-end:calc(var(--player-bar-height) + var(--space-2))}@media (width<=899px){.menu-surface-panel{scroll-margin-block-end:calc(var(--player-bar-height) + var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-2))}}.menu-surface-panel[data-placement=above]{inset-block:auto 100%}.menu-surface-panel[data-placement=point]{inset-block:var(--menu-block,100%) auto;inset-inline:var(--menu-inline,0) auto}.menu-surface-panel{max-block-size:var(--menu-max-block,none)}@media (prefers-reduced-motion:reduce){.top-bar{transition:none}}.auth-shell{box-sizing:border-box;background:var(--surface-page);min-block-size:100dvh;color:var(--text-primary);grid-template-columns:minmax(20rem,1fr) minmax(0,1fr);display:grid}.auth-shell__brand{isolation:isolate;gap:var(--space-6);padding-block:clamp(1.75rem, 4vw, 3rem) calc(88px + var(--space-4));background:var(--surface-app);border-inline-end:1px solid var(--border-chrome);flex-direction:column;padding-inline:clamp(1.5rem,5vw,4.5rem);display:flex;position:relative;overflow:hidden}.auth-shell__brand>:not(.auth-backdrop){z-index:1;position:relative}.auth-shell__logo{block-size:auto;inline-size:132px;display:block}.auth-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-backdrop__aurora{aspect-ratio:1;background:radial-gradient(circle, var(--brand-wash), transparent 68%);border-radius:50%;inline-size:70%;animation:22s ease-in-out infinite alternate auth-drift;position:absolute}.auth-backdrop__aurora--one{inset-block-start:-18%;inset-inline-start:-16%}.auth-backdrop__aurora--two{background:radial-gradient(circle, var(--aurora-accent), transparent 66%);inline-size:80%;animation-duration:28s;animation-direction:alternate-reverse;inset-block-start:28%;inset-inline-end:-30%}.auth-backdrop__aurora--three{background:radial-gradient(circle, var(--aurora-violet), transparent 64%);inline-size:75%;animation-duration:34s;inset-block-end:-30%;inset-inline-start:10%}.auth-backdrop__dots{background:radial-gradient(var(--border-glass) 1px, transparent 1.5px) 0 0 / 22px 22px;-webkit-mask:radial-gradient(ellipse 70% 60% at 50% 40%, var(--text-primary), transparent 75%);mask:radial-gradient(ellipse 70% 60% at 50% 40%, var(--text-primary), transparent 75%);opacity:.55;position:absolute;inset:0}.auth-wave{block-size:88px;-webkit-mask:linear-gradient(90deg, transparent, var(--text-primary) 12%, var(--text-primary) 88%, transparent);mask:linear-gradient(90deg, transparent, var(--text-primary) 12%, var(--text-primary) 88%, transparent);align-items:flex-end;gap:5px;padding-inline:clamp(1rem,4vw,3rem);display:flex;position:absolute;inset-block-end:0;inset-inline:0}.auth-wave span{border-radius:var(--radius-round);background:linear-gradient(to top, var(--accent-700), var(--brand));opacity:.32;transform-origin:bottom;flex:1;block-size:100%;animation:1.8s ease-in-out infinite alternate auth-wave;transform:scaleY(.25)}.auth-wave span:nth-child(3n){animation-duration:1.3s;animation-delay:-.4s}.auth-wave span:nth-child(3n+1){animation-duration:2.2s;animation-delay:-1.1s}.auth-wave span:nth-child(4n+2){animation-duration:1.55s;animation-delay:-.7s}.auth-wave span:nth-child(5n){animation-duration:2.6s;animation-delay:-1.8s}.auth-wave span:nth-child(7n+3){animation-duration:1.15s;animation-delay:-.2s}.auth-stage{flex:1;place-items:center;min-block-size:15rem;max-block-size:24rem;display:grid;position:relative}.auth-stage__emitter{aspect-ratio:1;place-items:center;inline-size:clamp(9rem,14vw,11.5rem);display:grid;position:relative}.auth-stage__ring{border:1.5px solid var(--brand-ring);opacity:0;border-radius:50%;animation:4.5s cubic-bezier(.2,.6,.3,1) infinite auth-ring;position:absolute;inset:0}.auth-stage__ring:nth-child(2){animation-delay:1.5s}.auth-stage__ring:nth-child(3){animation-delay:3s}.auth-stage__symbol{block-size:auto;inline-size:62%;color:var(--brand);filter:drop-shadow(0 0 28px var(--brand-glow));overflow:visible}.rova-symbol__bar,.rova-symbol__blade{transform-box:fill-box}.auth-stage__symbol .rova-symbol__bar{transform-origin:50%;animation:1.2s ease-in-out infinite auth-bar}.auth-stage__symbol .rova-symbol__blade{transform-origin:30%;animation:2.4s ease-in-out infinite auth-blade}.auth-card{box-sizing:border-box;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--border-glass);background:var(--surface-glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);box-shadow:var(--shadow-glass);border-radius:16px;display:grid;position:absolute}.auth-card--front{grid-template-columns:52px minmax(0,1fr) auto;inline-size:min(17rem,72%);animation:7s ease-in-out infinite auth-float;inset-block-end:4%;inset-inline-end:0}.auth-card--back{opacity:.85;grid-template-columns:1fr;inline-size:9.5rem;animation:9s ease-in-out -3s infinite reverse auth-float;inset-block-start:4%;inset-inline-start:2%;rotate:-7deg}.auth-card__art{aspect-ratio:1;border-radius:10px;place-items:center;display:grid}.auth-card__art--brand{background:linear-gradient(135deg, var(--accent-700), var(--brand));inline-size:52px}.auth-card__art--violet{background:linear-gradient(135deg, var(--tile-7), var(--tile-8));inline-size:100%}.auth-card__mark{block-size:auto;inline-size:62%;color:var(--surface-app)}.auth-card__line{border-radius:var(--radius-round);background:var(--border-glass);block-size:8px}.auth-card__line--short{inline-size:60%}.auth-card__text{gap:2px;min-inline-size:0;display:grid}.auth-card__title{font-family:var(--font-display);font-size:var(--type-body);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.auth-card__subtitle{color:var(--text-muted);font-size:var(--type-meta)}.auth-card__eq{block-size:18px;color:var(--brand);align-items:flex-end;gap:3px;display:flex}.auth-card__eq span{transform-origin:bottom;background:currentColor;border-radius:1px;block-size:100%;inline-size:3px;animation:.9s ease-in-out infinite alternate auth-eq}.auth-card__eq span:nth-child(2){animation-delay:-.3s}.auth-card__eq span:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}.auth-card__eq span:nth-child(4){animation-duration:.75s;animation-delay:-.15s}.auth-card__progress{border-radius:var(--radius-round);background:var(--border-glass);grid-column:1/-1;block-size:3px;display:block;overflow:hidden}.auth-card__progress span{background:var(--brand);transform-origin:0;block-size:100%;animation:16s linear infinite auth-progress;display:block}.auth-card__progress:dir(rtl) span{transform-origin:100%}.auth-shell__copy{gap:var(--space-3);max-inline-size:30rem;display:grid}.auth-shell__tagline{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;background:linear-gradient(100deg, var(--text-primary) 35%, var(--brand) 110%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.9rem,3vw,2.9rem);font-weight:700;line-height:1.08}.auth-shell__pitch{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.5}.auth-shell__perks{gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid}.auth-shell__perks li{align-items:center;gap:var(--space-3);color:var(--text-primary);font-size:var(--type-body);animation:.6s cubic-bezier(.2,.7,.2,1) both auth-rise;display:flex}.auth-shell__perks li:nth-child(2){animation-delay:90ms}.auth-shell__perks li:nth-child(3){animation-delay:.18s}.auth-shell__perk-icon{background:var(--brand-wash-faint);block-size:30px;inline-size:30px;color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand-ring);border-radius:50%;flex:none;place-items:center;display:grid}.language-switch{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.language-switch label{color:var(--text-muted)}.language-switch select{min-block-size:44px;min-inline-size:10rem;font:inherit;border:1px solid var(--border-field);border-radius:var(--radius-control);background:var(--surface-field);color:var(--text-primary);padding-inline:.75rem}.language-switch select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.auth-shell__task{background:radial-gradient(70% 45% at 50% 0%, var(--brand-wash-faint), transparent 70%), var(--surface-page);place-items:center;min-inline-size:0;padding-block:clamp(2rem,6vw,5rem);padding-inline:clamp(1rem,6vw,6rem);display:grid}.auth-shell__panel{inline-size:min(100%,27rem);animation:.52s cubic-bezier(.2,.7,.2,1) both auth-rise}.auth-shell__panel>p[role=status]{align-items:center;gap:var(--space-3);color:var(--text-muted);display:flex}.auth-shell__panel>p[role=status]:before{content:"";border:2px solid var(--border-glass);border-block-start-color:var(--brand);border-radius:50%;block-size:18px;inline-size:18px;animation:.9s linear infinite auth-spin}.auth-task{inline-size:100%}.auth-task h2{font-family:var(--font-display);letter-spacing:-.01em;margin-block:0 .5rem;font-size:clamp(1.6rem,3vw,2.1rem)}.auth-task>.muted{color:var(--text-muted);margin-block:0 1.75rem}.auth-task form{gap:1.1rem;display:grid}.auth-task form>*{animation:.48s cubic-bezier(.2,.7,.2,1) both auth-rise}.auth-task form>:nth-child(2){animation-delay:60ms}.auth-task form>:nth-child(3){animation-delay:.12s}.auth-task form>:nth-child(4){animation-delay:.18s}.auth-task form>:nth-child(n+5){animation-delay:.24s}.auth-task .field{gap:.45rem;display:grid}.auth-task label{font-size:var(--type-body);font-weight:600}.auth-input{direction:ltr;position:relative}.auth-input__icon,.auth-input__check{pointer-events:none;transition:color var(--motion-state) ease;position:absolute;inset-block-start:50%;translate:0 -50%}.auth-input__icon{color:var(--text-muted);inset-inline-start:14px}.auth-input__check{color:var(--accent-500);animation:.32s cubic-bezier(.3,1.6,.5,1) both auth-pop;inset-inline-end:14px}.auth-input:focus-within .auth-input__icon{color:var(--accent-500)}.auth-task input:not([type=checkbox]){box-sizing:border-box;min-block-size:50px;inline-size:100%;font:inherit;border:1px solid var(--border-field);background:var(--surface-field);color:var(--text-primary);transition:border-color var(--motion-state) ease, box-shadow var(--motion-state) ease, background-color var(--motion-state) ease;border-radius:12px;padding-inline:44px .9rem}.auth-input--plain input:not([type=checkbox]),.auth-task .field>input:not([type=checkbox]){padding-inline:.9rem}.auth-input[data-valid] input{border-color:var(--accent-700);padding-inline-end:44px}.auth-task input:not([type=checkbox]):hover{border-color:var(--border-control);background:var(--surface-raised)}.auth-task input:not([type=checkbox]):focus{border-color:var(--accent-500);box-shadow:0 0 0 4px var(--brand-wash)}.auth-task input[dir=ltr]{text-align:start;direction:ltr}.auth-task button{min-block-size:44px;font:inherit;border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface-control);color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-state) ease, border-color var(--motion-state) ease, color var(--motion-state) ease, transform var(--motion-press) ease, box-shadow var(--motion-state) ease;padding-inline:1rem}.auth-task button:hover:not(:disabled){background:var(--surface-control-hover)}.auth-task button:disabled{color:var(--text-disabled);cursor:wait}.auth-task :is(input,button):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.auth-task form button[type=submit]{min-block-size:52px;border-radius:var(--radius-round);background:linear-gradient(135deg, var(--accent-500), var(--brand));color:var(--surface-app);letter-spacing:.01em;border:0;margin-block-start:var(--space-1);font-size:1rem;font-weight:700;position:relative;overflow:hidden}.auth-task form button[type=submit]:after{content:"";background:linear-gradient(100deg, transparent, var(--white-alpha-12) 45%, transparent);inline-size:50%;transition:translate .65s;position:absolute;inset-block:0;inset-inline-start:-60%;transform:skew(-20deg)}.auth-task form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-400), var(--brand));box-shadow:0 10px 30px var(--brand-wash);transform:translateY(-1px)}.auth-task form button[type=submit]:hover:not(:disabled):after{translate:320%}.auth-task form button[type=submit]:dir(rtl):hover:not(:disabled):after{translate:-320%}.auth-task form button[type=submit]:active:not(:disabled){transform:scale(.98)}.auth-task form button[type=submit]:disabled{background:var(--surface-control);color:var(--text-disabled)}.auth-task .show-password{min-block-size:44px;color:var(--text-muted);cursor:pointer;align-items:center;gap:.6rem;font-weight:400;display:flex}.auth-task .show-password input{block-size:1.1rem;inline-size:1.1rem;accent-color:var(--accent-500)}.auth-task__notice{padding:var(--space-3) var(--space-4);border:1px solid var(--brand-ring);background:var(--brand-wash-faint);color:var(--text-primary);border-radius:12px;margin-block:0 1.25rem}.auth-task .auth-task__error{color:var(--text-danger);margin-block:0;animation:.38s both auth-shake}.auth-task__switch{gap:var(--space-3);margin-block-start:var(--space-6);display:grid}.auth-task__divider{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--type-meta);display:flex}.auth-task__divider:before,.auth-task__divider:after{content:"";background:var(--border-row);flex:1;block-size:1px}.auth-task__secondary{inline-size:100%;margin-block-start:1rem}.auth-task__switch .auth-task__secondary{margin-block-start:0}.auth-task button.auth-task__secondary{border-radius:var(--radius-round);background:0 0;min-block-size:48px;font-weight:600}.auth-task button.auth-task__secondary:hover:not(:disabled){border-color:var(--accent-500);background:var(--brand-wash-faint);color:var(--brand)}.auth-steps{gap:var(--space-2);margin-block-end:var(--space-5);display:grid}.auth-steps__label{color:var(--accent-500);font-size:var(--type-small);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:700}.auth-steps__track{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.auth-steps__step{color:var(--text-muted);font-size:var(--type-meta);flex:1;gap:6px;display:grid}.auth-steps__step:before{content:"";border-radius:var(--radius-round);background:var(--border-glass);block-size:4px}.auth-steps__step[data-state=current]{color:var(--text-primary);font-weight:600}.auth-steps__step[data-state=current]:before,.auth-steps__step[data-state=done]:before{background:linear-gradient(90deg, var(--accent-500), var(--brand));transform-origin:0;animation:.7s cubic-bezier(.2,.7,.2,1) both auth-fill}.auth-steps__step:dir(rtl):before{transform-origin:100%}.auth-steps__step[data-state=done]{color:var(--text-muted)}.auth-strength{align-items:center;gap:var(--space-3);min-block-size:18px;display:flex}.auth-strength__bars{flex:none;grid-template-columns:repeat(4,1fr);gap:4px;inline-size:7.5rem;display:grid}.auth-strength__bars span{border-radius:var(--radius-round);background:var(--border-glass);block-size:4px;transition:background-color var(--motion-overlay) ease}.auth-strength__label{color:var(--text-muted);font-size:var(--type-meta)}.auth-strength[data-strength="0"] .auth-strength__bars{opacity:.5}.auth-strength[data-strength="1"] .auth-strength__bars span:nth-child(-n+1){background:var(--strength-weak)}.auth-strength[data-strength="2"] .auth-strength__bars span:nth-child(-n+2){background:var(--strength-fair)}.auth-strength[data-strength="3"] .auth-strength__bars span:nth-child(-n+3){background:var(--strength-good)}.auth-strength[data-strength="4"] .auth-strength__bars span{background:var(--strength-strong)}@media (width<=899px){.auth-shell{display:block}.auth-shell__brand{gap:var(--space-3);border-inline-end:0;border-block-end:1px solid var(--border-chrome);min-block-size:auto;padding-block:1.25rem 2.5rem;padding-inline:1rem}.auth-shell__logo{inline-size:104px}.auth-stage,.auth-shell__pitch,.auth-shell__perks{display:none}.auth-shell__tagline{font-size:1.45rem}.auth-wave{gap:3px;block-size:36px}.auth-wave span{opacity:.22}.auth-shell__task{padding-block:1.75rem 2.5rem;padding-inline:1rem;display:block}.auth-shell__panel{margin-inline:auto}}@keyframes auth-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(8%,6%)scale(1.15)}}@keyframes auth-wave{0%{transform:scaleY(.18)}to{transform:scaleY(.9)}}@keyframes auth-ring{0%{opacity:0;transform:scale(.55)}15%{opacity:.9}to{opacity:0;transform:scale(1.9)}}@keyframes auth-bar{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}@keyframes auth-blade{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%)scale(1.03)}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes auth-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes auth-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes auth-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes auth-pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes auth-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-shell *,.auth-shell :before,.auth-shell :after{transition:none!important;animation:none!important}.auth-stage__ring{opacity:.5;transform:scale(1.1)}.auth-stage__ring:nth-child(2){opacity:.3;transform:scale(1.4)}.auth-stage__ring:nth-child(3){opacity:.15;transform:scale(1.7)}.auth-wave span{transform:scaleY(.4)}.auth-wave span:nth-child(2n){transform:scaleY(.65)}.auth-wave span:nth-child(3n){transform:scaleY(.3)}.auth-card__progress span{transform:scaleX(.42)}}.profile-public-note{color:var(--text-muted);overflow-wrap:anywhere}.account-security button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.account-security__form{gap:1rem;max-width:34rem;display:grid}.account-security .field input,.account-security button,.account-security .show-password{min-block-size:44px}.account-security .field{gap:.5rem;display:grid}.account-security .field input{box-sizing:border-box;inline-size:100%;min-inline-size:0;color:var(--text-primary);background:var(--surface-field);border:1px solid var(--border-field);padding:.625rem .75rem}.account-security input[readonly]{color:var(--text-muted)}.account-security :is(input,button):focus-visible,.detail-header>button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.account-security .show-password{align-items:center;gap:.5rem;display:flex}.account-security .show-password input{inline-size:auto}.account-security .error{overflow-wrap:anywhere}.profile-public-note{margin-block:0 1rem}.account-tools{align-items:center;gap:var(--space-2);display:flex}.manage-menu{display:inline-block}.manage-menu .manage-trigger,.settings-trigger{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--control-height-touch);min-inline-size:var(--control-height-touch);padding-block:0;padding-inline:var(--space-3) var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);font:inherit;font-weight:600;display:inline-flex}.manage-menu .manage-trigger[aria-expanded=true]{border-color:var(--text-muted)}@media (hover:hover){.manage-menu .manage-trigger:hover:not(:disabled),.settings-trigger:hover{border-color:var(--text-muted);background:var(--surface-glass);color:var(--text-primary)}}.settings-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (width<=899px){.manage-menu .manage-trigger,.settings-trigger{inline-size:var(--control-height-touch);padding-inline:0}.manage-trigger-label,.settings-trigger-label{display:none}}.manage-heading{border-inline-start:3px solid var(--border-administration,var(--text-muted));margin-block:0 24px;padding-inline-start:16px}.manage-heading h1{margin:0;font-size:1.5rem}.manage-heading p,.people-heading p{color:var(--text-muted);margin-block:8px 0}.accounts{margin-block-end:24px}.account-list{flex-direction:column;gap:4px;margin:0 0 16px;padding:0;list-style:none;display:flex}.account-row{border-block-end:1px solid var(--border-row)}.account-row-email{overflow-wrap:anywhere}.account-admin{max-inline-size:1100px}.people-heading{justify-content:space-between;align-items:center;gap:16px;margin-block-end:24px;display:flex}.people-heading h2{margin:0}.account-admin .account-row{padding:0;display:block}.person-summary{border-radius:var(--radius-card);inline-size:100%;color:var(--text-primary);text-align:start;font:inherit;background:0 0;border:0;grid-template-columns:minmax(0,1fr) minmax(100px,.4fr) minmax(120px,.5fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.person-summary:hover{background:var(--surface-row-hover)}.person-identity-row{align-items:center;gap:12px;min-inline-size:0;display:flex}.person-identity{flex-direction:column;align-items:start;gap:4px;min-inline-size:0;display:flex}.person-identity .account-row-email{max-inline-size:100%;color:var(--text-muted);flex:none}.person-you{color:var(--border-administration,var(--text-muted));font-size:.75rem}.person-role,.person-credential-status{font-size:.875rem}.person-credential-status{color:var(--text-muted)}.person-disclosure{font-size:1.5rem}[dir=rtl] .person-disclosure{transform:rotate(180deg)}.person-details-dialog{max-block-size:calc(100dvh - var(--player-bar-height,96px) - 48px);margin:0;position:fixed;inset-block-start:24px;inset-block-end:calc(var(--player-bar-height,96px) + 24px);inset-inline:auto 24px}.person-details-email{overflow-wrap:anywhere;text-align:start}.person-role-guide{margin-block:24px}.person-role-guide dt{margin-block-start:14px;font-weight:600}.person-role-guide dd{color:var(--text-muted);margin-block:4px 0;margin-inline:0}.account-admin-form{flex-direction:column;gap:10px;margin-block:20px;display:flex}.account-admin-form input,.account-admin-form select{box-sizing:border-box;inline-size:100%;min-inline-size:0;font:inherit;background:var(--surface-field);border:1px solid var(--border-field);color:var(--text-primary);border-radius:var(--radius-control);padding:10px 12px}.person-details-actions{flex-wrap:wrap;gap:12px;margin-block-start:24px;display:flex}.account-dialog button,.account-admin button,.account-menu button,.manage-tabs button,.account-admin-form input,.account-admin-form select{min-block-size:44px;min-inline-size:44px}.account-dialog button{white-space:normal;overflow-wrap:anywhere;max-inline-size:100%;font:inherit}.account-dialog button:focus-visible,.account-admin button:focus-visible,.account-menu button:focus-visible,.manage-tabs button:focus-visible,.account-admin-form input:focus-visible,.account-admin-form select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.account-dialog button:disabled{opacity:.55;cursor:wait}.account-dialog .toast{margin-block:20px 0;margin-inline:0;position:static}.account-remove-confirm{background:var(--surface-danger);color:var(--text-on-danger-surface);border:1px solid var(--text-danger)}.account-secret{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border:1px solid var(--border-field);border-radius:var(--radius-control);background:var(--surface-inset);margin-block:24px;padding:16px;font-size:1.125rem;display:block}@media (width<=899px){.people-heading{flex-direction:column;align-items:start}.person-summary{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-inline:12px}.person-identity-row,.person-role,.person-credential-status{grid-column:1}.person-disclosure{grid-area:1/2/4}.person-details-dialog{inset-inline:var(--space-2);inset-block-start:auto;inset-block-end:calc(var(--player-bar-height,96px) + var(--tab-bar-height,56px) + var(--space-2))}}@media (prefers-reduced-motion:reduce){.account-dialog,.account-dialog *{transition:none;animation:none}}.media-card,.rail{--card-pad:0px}@media (width>=900px){.media-card,.rail{--card-pad:var(--space-3)}}.media-card{padding:var(--card-pad);border-radius:var(--radius-panel,var(--radius-card));transition:background-color var(--motion-state)}@media (hover:hover){.media-card:is(:hover,:focus-within){background:var(--surface-card-hover,var(--surface-raised))}}.media-card .media-card-open{gap:var(--space-2)}.media-card .collection-artwork{border-radius:var(--radius-card-art,var(--radius-control));box-shadow:var(--shadow-art,0 8px 24px #00000080)}.media-card.artist-card .collection-artwork{border-radius:var(--radius-round)}.media-card-play{inline-size:var(--size-play-card,var(--size-control-prominent));block-size:var(--size-play-card,var(--size-control-prominent));border-radius:var(--radius-round);background:var(--control-primary-bg);color:var(--control-primary-text);box-shadow:var(--shadow-art,0 8px 24px #00000080);opacity:0;transition:opacity var(--motion-state), transform var(--motion-state), background-color var(--motion-state);border:0;place-items:center;margin-block-start:calc(100% - var(--card-pad) - var(--size-play-card,var(--size-control-prominent)) - var(--space-2));padding:0;display:grid;position:absolute;inset-block-start:0;inset-inline-end:calc(var(--card-pad) + var(--space-2));transform:translateY(8px)}.media-card-play>.playback-icon{block-size:24px;inline-size:24px}.media-card:is(:hover,:focus-within) .media-card-play{opacity:1;transform:none}.media-card-play:hover{background:var(--control-primary-bg-hover)}.media-card:is(:hover,:focus-within) .media-card-play:active{transform:scale(.94)}@media (hover:none){.media-card-play{display:none}}.media-card-menu{position:absolute;inset-block-start:calc(var(--card-pad) + var(--space-2));inset-inline-end:calc(var(--card-pad) + var(--space-2))}.search-top-result .media-card-menu{inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.media-card-menu .menu-surface .menu-surface-trigger{border-radius:var(--radius-round);background:var(--surface-scrim);block-size:36px;min-block-size:36px;inline-size:36px;min-inline-size:36px;color:var(--text-on-art);opacity:0;transition:opacity var(--motion-state), background-color var(--motion-state);border:0;place-items:center;padding:0;display:grid}:is(.media-card,.search-top-result):is(:hover,:focus-within) .media-card-menu .menu-surface .menu-surface-trigger,.media-card-menu .menu-surface .menu-surface-trigger[aria-expanded=true]{opacity:1}.media-card-menu .menu-surface .menu-surface-trigger:is(:hover,[aria-expanded=true]){background:var(--surface-scrim);color:var(--text-on-art)}.media-card-menu .menu-surface .menu-surface-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (hover:none){.media-card-menu{pointer-events:none}.media-card-menu .menu-surface-panel,.media-card-menu .menu-surface-scrim{pointer-events:auto}.media-card-menu .menu-surface .menu-surface-trigger{clip-path:inset(50%)}.media-card-menu .menu-surface .menu-surface-trigger:focus-visible{clip-path:none;opacity:1}}@media (width>=900px){.collection-list .media-card-play{flex:none;margin-block-start:0;position:static;transform:none}}.rail{margin-block:var(--space-6);min-inline-size:0}.rail-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-2);display:flex}.rail-header .display{min-inline-size:0;font-family:var(--font-display,inherit);font-size:var(--type-section,1.375rem);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.rail-header-end{align-items:center;gap:var(--space-1);flex:none;display:flex}.rail-show-all{min-block-size:44px;padding-inline:var(--space-2);color:var(--text-muted);font:inherit;font-size:var(--type-meta,13px);background:0 0;border:0;font-weight:700}.rail-show-all:hover{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}.rail-nav{border-radius:var(--radius-round);background:var(--surface-control);block-size:32px;inline-size:32px;color:var(--text-primary);border:0;place-items:center;padding:0;display:grid}.rail-nav:hover{background:var(--surface-control-hover)}:is(.rail-show-all,.rail-nav):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.rail-scroller{margin-inline:calc(-1 * var(--card-pad));overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-block-start:-2px;padding-block-start:2px;overflow-x:auto}.rail-scroller::-webkit-scrollbar{display:none}.rail-row{gap:var(--space-2);grid-auto-columns:176px;grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.rail-row>li{scroll-snap-align:start;min-inline-size:0}@media (width<=899px){.rail-row{gap:var(--space-3);grid-auto-columns:min(42vw,176px)}.rail-nav{display:none}}.quick-tile{border-radius:var(--radius-control);background:var(--surface-control);min-inline-size:0;transition:background-color var(--motion-state);align-items:center;display:flex;position:relative;overflow:hidden}@media (hover:hover){.quick-tile:is(:hover,:focus-within){background:var(--surface-control-hover)}}.quick-tile-open{align-items:center;gap:var(--space-3);min-block-size:56px;min-inline-size:0;color:var(--text-primary);font:inherit;text-align:start;background:0 0;border:0;flex:1;padding:0;padding-inline-end:calc(var(--size-control-touch) + var(--space-3));display:flex}.quick-tile-art{block-size:56px;inline-size:56px;box-shadow:var(--shadow-art,0 8px 24px #00000080);flex:0 0 56px;overflow:hidden}.quick-tile-art>*{block-size:100%!important;inline-size:100%!important}.quick-tile-art .cover{object-fit:cover;border-radius:0;display:block}.quick-tile-title{min-inline-size:0;font-size:var(--type-body,14px);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.quick-tile-play{inline-size:var(--size-control-touch);block-size:var(--size-control-touch);border-radius:var(--radius-round);background:var(--control-primary-bg);color:var(--control-primary-text);box-shadow:var(--shadow-art,0 8px 24px #00000080);opacity:0;transition:opacity var(--motion-state), background-color var(--motion-state);border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-2);transform:translateY(-50%)}.quick-tile:is(:hover,:focus-within) .quick-tile-play{opacity:1}.quick-tile-play:hover{background:var(--control-primary-bg-hover)}@media (hover:none){.quick-tile-play{display:none}.quick-tile-open{padding-inline-end:var(--space-3)}}:is(.media-card-play,.quick-tile-open,.quick-tile-play):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (hover:hover) and (pointer:fine){.media-card,.quick-tile{transition:background-color var(--motion-state), transform var(--motion-state) var(--ease-out)}.media-card .collection-artwork>*,.quick-tile-art>*{transition:transform var(--motion-state) var(--ease-out)}html:not([data-motion=reduced]) :is(.rail-row,.collection-grid)>.media-card:hover,html:not([data-motion=reduced]) .quick-tile:hover{transform:translateY(-2px)}html:not([data-motion=reduced]) :is(.rail-row,.collection-grid)>.media-card:hover .collection-artwork>*,html:not([data-motion=reduced]) .quick-tile:hover .quick-tile-art>*{transform:scale(1.03)}html:not([data-motion=reduced]) :is(.rail-row,.collection-grid)>.media-card:has(.menu-surface-panel){transition:none;transform:none}}.entity-hero{align-items:flex-end;gap:var(--space-6);padding:calc(20px + var(--space-4)) 20px var(--space-6);background:linear-gradient(to bottom, var(--hero-color,var(--hero-fallback)), var(--surface-page));border-block-end:0;margin-block:-20px 0;margin-inline:-20px;display:flex}@media (width>=900px){.entity-hero{margin-block-start:calc(-1 * var(--top-bar-height));padding-block-start:calc(var(--top-bar-height) + var(--space-6))}}.entity-hero-art{flex:none}.entity-hero-art>:is(img,.cover,.playlist-artwork){border-radius:var(--radius-card-art);box-shadow:var(--shadow-art);block-size:232px!important;inline-size:232px!important}.entity-hero-art>:is(img,.cover){object-fit:cover;display:block}.entity-hero[data-round=true] .entity-hero-art>:is(img,.cover){border-radius:var(--radius-round)}.entity-hero-copy{min-inline-size:0}.entity-hero-kind{font-size:var(--type-meta);margin:0;font-weight:700}.entity-hero-title{margin:var(--space-2) 0;font-size:var(--type-hero);text-wrap:balance;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.05;display:-webkit-box;overflow:hidden}.entity-hero-title:focus{outline:none}.entity-hero-title:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.entity-hero-meta{font-size:var(--type-meta);color:var(--text-primary);overflow-wrap:anywhere;margin:0}@media (width<=899px){.entity-hero{text-align:center;flex-direction:column;align-items:center}.entity-hero-art>:is(img,.cover,.playlist-artwork){block-size:min(60vw,240px)!important;inline-size:min(60vw,240px)!important}}.action-bar{align-items:center;gap:var(--space-4);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.action-play{inline-size:var(--size-play-hero);block-size:var(--size-play-hero);border-radius:var(--radius-round);background:var(--control-primary-bg);color:var(--control-primary-text);transition:transform var(--motion-press), background-color var(--motion-state);border:0;place-items:center;padding:0;display:grid}.action-play:hover:not(:disabled){background:var(--control-primary-bg-hover);transform:scale(1.04)}.action-play:active:not(:disabled){transform:scale(.96)}.action-play:disabled{background:var(--surface-control);color:var(--text-disabled)}.action-shuffle,.action-save,.action-add,.action-download,.action-bar .action-more-trigger{inline-size:var(--size-control-touch);block-size:var(--size-control-touch);color:var(--text-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.action-shuffle:hover,.action-save:hover,.action-add:hover,.action-bar .action-more-trigger:hover{color:var(--text-primary)}.action-save.saved{color:var(--state-liked)}.action-download:hover{color:var(--text-primary)}.downloaded-mark{vertical-align:-3px;color:var(--accent-400);margin-inline-end:var(--space-1);display:inline-flex}.action-download.saved{color:var(--accent-400)}.action-download-ring{fill:none;stroke-width:2.5px;block-size:28px;inline-size:28px;transform:rotate(-90deg)}.action-download-ring circle{stroke:var(--surface-control)}.action-download-ring .action-download-done{stroke:var(--accent-400);stroke-dasharray:var(--download-progress) 1;transition:stroke-dasharray var(--motion-state) ease}.action-follow{min-block-size:36px;padding-inline:var(--space-4);border:1px solid var(--border-control);border-radius:var(--radius-round);color:var(--text-primary);font:inherit;background:0 0;font-weight:700}.action-follow:hover:not(:disabled){border-color:var(--text-primary)}@media (width<=899px){.action-follow{min-block-size:var(--size-control-touch)}}:is(.action-play,.action-shuffle,.action-save,.action-add,.action-download,.action-follow):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.tracks-table{column-gap:var(--space-3);grid-template-columns:44px minmax(0,1fr) auto auto;display:grid}@media (width>=900px){.tracks-table[data-album=true]{grid-template-columns:44px minmax(0,4fr) minmax(0,3fr) auto auto}}.tracks-table>.tracks-head,.tracks-table>.tracks,.tracks-table .track-row{grid-column:1/-1;grid-template-columns:subgrid;gap:0 normal;display:grid}.tracks-table .track-row{border-radius:var(--radius-control)}.tracks-head{padding-inline:8px;padding-block:var(--space-2);border-block-end:1px solid var(--border-row);color:var(--text-muted);font-size:var(--type-meta);align-items:center;margin-block-end:var(--space-2)}.tracks-head-index{text-align:center}.tracks-head-time{justify-content:flex-end;display:flex}.track-row-album-col,.tracks-head-album{display:none}@media (width>=900px){.track-row-album-col,.tracks-head-album{display:block}.track-row-album-col{min-inline-size:0;color:var(--text-muted);font-size:var(--type-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.track-index{color:var(--text-muted);font-variant-numeric:tabular-nums}.track-index .track-index-play,.track-index:focus-visible .track-index-number{display:none}.track-index:focus-visible .track-index-play{display:block}@media (hover:hover){.tracks--table .track-row:hover:not(.unplayable) .track-index-number{display:none}.tracks--table .track-row:hover:not(.unplayable) .track-index-play{color:var(--text-primary);display:block}}.entity-hero[data-banner=true]{isolation:isolate;box-sizing:border-box;min-block-size:340px;position:relative;overflow:hidden}.entity-hero-banner{z-index:-1;object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.entity-hero[data-banner=true]:after{content:"";z-index:-1;background:linear-gradient(#00000040,#0000009e 20%,#000000c7);position:absolute;inset:0}@media (width<=899px){.entity-hero[data-banner=true]{text-align:start;justify-content:flex-end;align-items:flex-start;min-block-size:280px}}.rail-toolbar{margin-block-end:var(--space-3)}.rail-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.rail-chips button{min-block-size:32px;padding-inline:var(--space-3);border-radius:var(--radius-round);background:var(--surface-control);color:var(--text-primary);font:inherit;border:0}.rail-chips button[aria-pressed=true]{background:var(--text-primary);color:var(--surface-page)}.artist-popular>h2.display{margin:var(--space-4) 0 var(--space-2);font-size:var(--type-section)}.see-more{min-block-size:44px;padding-inline:var(--space-2);color:var(--text-muted);font:inherit;background:0 0;border:0;font-weight:700}.see-more:hover{color:var(--text-primary)}:is(.rail-chips button,.see-more):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (width<=899px){.rail-chips button{min-block-size:44px}}.library-header{align-items:center;gap:var(--space-3);margin-block-end:var(--space-4);display:flex}.library-header h1{min-inline-size:0;font-size:var(--type-title);flex:1;margin:0}.library-new{inline-size:var(--size-control-touch);block-size:var(--size-control-touch);border-radius:var(--radius-round);color:var(--text-primary);background:0 0;border:0;place-items:center;padding:0;display:grid}.library-new:hover{background:var(--surface-control)}.library-new:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (width>=900px){.library-new{display:none}}.library>.route-tabs button{white-space:nowrap;border-radius:var(--radius-round);background:var(--surface-control);padding-inline:var(--space-4);border:1px solid #0000;flex:none}.library>.route-tabs button:is(.active,[aria-current=page]){border-color:var(--state-selected);background:0 0}@media (width>=900px){.collection-list .collection-artwork{flex-basis:64px;block-size:64px;inline-size:64px}}.discovery-detail .entity-hero-title{margin:var(--space-2) 0;font-size:var(--type-hero)}.discovery-detail .discovery-explanation{margin-block:var(--space-4) 0}.discovery-detail .track-row .artist-link{min-block-size:0;min-inline-size:0}.home{gap:var(--space-6);flex-direction:column;min-inline-size:0;display:flex}.home>.rail{margin-block:0}.home-greeting{font-size:var(--type-title);margin:0}.home-header{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.home-header .home-greeting{flex:1;min-inline-size:0}.home-account,.home-account:empty{display:none}@media (width<=899px){.home-header{align-items:flex-start;padding-block-start:env(safe-area-inset-top,0px)}.home-header .home-greeting{margin-block-start:calc((var(--control-height-touch) - 1.2em) / 2);line-height:1.2}.home-account{flex:none;align-items:center;display:flex}}.quick-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.home-greeting{font-size:2rem}.quick-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}}.quick-tile .liked-tile{background:linear-gradient(135deg, var(--accent-700), var(--brand));color:var(--surface-page);border-radius:0;place-items:center;display:grid}.search-field{max-inline-size:32rem;margin-block-end:var(--space-4);position:relative}.search-field-icon{color:var(--text-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-4);transform:translateY(-50%)}.search-field .search-box{min-block-size:48px;padding-inline:44px var(--space-4);border-radius:var(--radius-round);background:var(--surface-field);color:var(--text-primary);font:inherit;border:1px solid #0000;margin:0}.search-field .search-box:hover{border-color:var(--border-control)}.browse-all{min-inline-size:0}.browse-all:focus{outline:none}.browse-all:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.browse-all>h2.display{margin-block:0 var(--space-4);font-size:var(--type-section)}.browse-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));margin:0;padding:0;list-style:none;display:grid}.browse-tile{aspect-ratio:16/9;inline-size:100%;padding:var(--space-4);border-radius:var(--radius-panel);background:var(--tile);color:var(--text-primary);text-align:start;font-family:var(--font-display);overflow-wrap:anywhere;border:0;align-items:flex-start;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden}.browse-tile:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.search-chips{gap:var(--space-2);margin-block:0 var(--space-4);flex-wrap:wrap;display:flex}.search-chips button{min-block-size:32px;padding-inline:var(--space-3);border-radius:var(--radius-round);background:var(--surface-control);color:var(--text-primary);font:inherit;border:0}.search-chips button[aria-pressed=true]{background:var(--text-primary);color:var(--surface-page)}.search-chips button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (width<=899px){.search-chips button{min-block-size:44px;min-inline-size:44px}.browse-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.browse-tile{padding:var(--space-3);font-size:1rem}}.search-results>*+*{margin-block-start:var(--space-6)}.search-results h2.display{margin-block:0 var(--space-3);font-size:var(--type-section)}.search-top-row{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.search-top-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.search-top-result{border-radius:var(--radius-panel);background:var(--surface-raised);transition:background-color var(--motion-state);position:relative}.search-top-open{gap:var(--space-3);inline-size:100%;padding:var(--space-5);color:var(--text-primary);font:inherit;text-align:start;background:0 0;border:0;justify-items:start;display:grid}.search-top-art .cover{border-radius:var(--radius-card-art);box-shadow:var(--shadow-art)}.search-top-result[data-kind=artist] .search-top-art .cover{border-radius:var(--radius-round)}.search-top-open strong{max-inline-size:100%;font-size:var(--type-title);overflow-wrap:anywhere}.search-top-meta{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--type-meta);flex-wrap:wrap;display:flex}.search-type-pill{padding:2px var(--space-2);border-radius:var(--radius-round);background:var(--surface-page);color:var(--text-primary);font-weight:700}.search-top-play{inline-size:var(--size-play-card);block-size:var(--size-play-card);border-radius:var(--radius-round);background:var(--control-primary-bg);color:var(--control-primary-text);box-shadow:var(--shadow-art);opacity:0;transition:opacity var(--motion-state);border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}@media (hover:hover){.search-top-result:is(:hover,:focus-within){background:var(--surface-card-hover)}}.search-top-result:is(:hover,:focus-within) .search-top-play{opacity:1}@media (hover:none){.search-top-play{display:none}}:is(.search-top-open,.search-top-play):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.search-group .collection-grid{margin-block:0}.charts-page>h1.display{margin-block:0 var(--space-4);font-size:clamp(1.5rem,1.1rem + 1vw,2rem)}.charts-group{margin-block-start:var(--space-6)}.charts-group>h2.display{margin-block:0 var(--space-3);font-size:var(--type-section)}.charts-group .collection-grid{margin-block:0}.mixes-page>h1.display{margin-block:0 var(--space-4);font-size:clamp(1.5rem,1.1rem + 1vw,2rem)}.mixes-page .collection-grid{margin-block:0}.smart-card-error{color:var(--text-danger);font-size:var(--type-meta);margin:0}.smart-playlist-card .media-card-actions{flex-wrap:wrap}.smart-rule-chips{gap:var(--space-2);margin:0 0 var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.smart-rule-chips li{max-inline-size:100%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-round);background:var(--surface-control);font-size:var(--type-meta);overflow-wrap:anywhere}.smart-editor{gap:var(--space-4);flex-direction:column;min-inline-size:0;max-inline-size:48rem;display:flex}.smart-editor h1{font-size:var(--type-title);overflow-wrap:anywhere;margin:0}.smart-editor h2{margin:0 0 var(--space-2);font-size:var(--type-section)}.smart-editor-form{gap:var(--space-5);flex-direction:column;min-inline-size:0;display:flex}.smart-editor-notice{padding:var(--space-3);border-radius:var(--radius-panel);background:var(--surface-raised);margin:0}.smart-fieldset{gap:var(--space-3);border:0;flex-direction:column;min-inline-size:0;margin:0;padding:0;display:flex}.smart-fieldset legend{margin-block-end:var(--space-2);padding:0;font-weight:700}.smart-field{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.smart-field label{font-weight:600}.smart-field :is(input,select){box-sizing:border-box;inline-size:100%;min-block-size:var(--size-control-touch);padding-inline:var(--space-3);border:1px solid var(--border-field);border-radius:var(--radius-control);background:var(--surface-field);color:var(--text-primary);font:inherit}.smart-field :is(input,select):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.smart-field input[aria-invalid=true]{border-color:var(--text-danger)}.smart-range{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.smart-field-hint{color:var(--text-muted);font-size:var(--type-meta);margin:0}.smart-editor .field-error{color:var(--text-danger);font-size:var(--type-meta);margin:0}.smart-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.smart-chips button{min-block-size:var(--size-control-touch);min-inline-size:var(--size-control-touch)}.smart-chips button[aria-pressed=true]{color:var(--brand);border-color:var(--brand)}.smart-genre-chips{overscroll-behavior:contain;max-block-size:16rem;padding-block:var(--space-1);overflow-y:auto}.smart-count{min-block-size:1.5em;margin:0;font-weight:700}.smart-editor-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.smart-preview{min-inline-size:0}.smart-delete-confirmation{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.smart-delete-confirmation p{flex-basis:100%;margin:0}@media (prefers-reduced-motion:reduce){.media-card,.media-card-play,.quick-tile,.quick-tile-play,.media-card .collection-artwork>*,.quick-tile-art>*,.action-play,.action-download-ring .action-download-done{transition:none}.action-play:is(:hover,:active):not(:disabled){transform:none}.search-top-result,.search-top-play,.media-card-menu .menu-surface .menu-surface-trigger{transition:none}.media-card-play,.media-card:is(:hover,:focus-within) .media-card-play:active{transform:none}.quick-tile-play{transform:translateY(-50%)}}html:not([data-motion=reduced]) .cascade-item{animation:motion-rise var(--motion-enter) var(--ease-out) backwards;animation-delay:calc(min(var(--i), var(--motion-stagger-cap)) * var(--motion-stagger))}html:not([data-motion=reduced]) .cascade-item:has(.menu-surface-panel){animation:none}html:not([data-motion=reduced]) .cascade-item:has([data-cover-landed]){animation:none}@keyframes motion-rise{0%{opacity:0;transform:translateY(6px)}}.media-card-open,.quick-tile-open{transition:transform var(--motion-press) var(--ease-out)}:where(html:not([data-motion=reduced]) .control-button:active:not(:disabled)),:where(html:not([data-motion=reduced]) .library-hero-actions button:active:not(:disabled)),:where(html:not([data-motion=reduced]) :is(.media-card-open,.quick-tile-open):active){transform:scale(.97)}:where(.track-row:not(.unplayable,:has(.row-actions :active,.menu-surface-panel)):active){background:var(--surface-row-hover)}.transport-buttons{align-items:center;gap:var(--space-2);display:flex}.seek-line{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.player-end{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}@media (width<=899px){.player-bar{inset-inline:var(--space-2);border-radius:var(--radius-panel,var(--radius-card));background-color:var(--hero-color,var(--surface-raised));transition:background-color var(--motion-overlay);background-image:linear-gradient(#00000073,#00000073);border-block-start:0;overflow:hidden}.player-bar .transport-previous,.player-bar .player-end,.transport .seek-line{display:none}.mini-progress{inset-inline:var(--space-2);direction:ltr;background:#fff3;block-size:2px;position:absolute;inset-block-end:0}.mini-progress:after{content:"";inline-size:calc(var(--mini-progress,0) * 100%);background:var(--text-primary);position:absolute;inset-block:0;inset-inline-start:0}}@media (width>=900px){.mini-progress{display:none}}@media (prefers-reduced-motion:reduce){.player-bar{transition:none}}@media (width>=900px){.player-bar{background:var(--surface-app,var(--surface-chrome))}.controls-row{align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-4);grid-template-columns:minmax(0,3fr) minmax(min-content,4fr) minmax(0,3fr);display:grid}.player-bar .transport{justify-items:center;gap:0;display:grid}.player-bar .transport .seek-line{justify-self:stretch}.player-bar .transport input.seek{block-size:24px}.player-bar .transport-buttons{gap:var(--space-4)}.player-bar .transport .transport-play:not(:disabled),.player-bar .transport .transport-play:hover:not(:disabled){background:var(--text-primary);color:var(--surface-app,var(--surface-page))}}@media (hover:hover) and (width>=900px){.player-bar :is(input.seek,input.volume-slider)::-webkit-slider-thumb{opacity:0}.player-bar :is(input.seek,input.volume-slider):is(:hover,:focus)::-webkit-slider-thumb{opacity:1}.player-bar :is(input.seek,input.volume-slider)::-moz-range-thumb{opacity:0}.player-bar :is(input.seek,input.volume-slider):is(:hover,:focus)::-moz-range-thumb{opacity:1}}.playing-indicator{block-size:14px;color:var(--state-playing);align-items:flex-end;gap:2px;display:inline-flex}.playing-indicator .bar{transform-origin:bottom;background:currentColor;border-radius:1px;block-size:100%;inline-size:3px;transform:scaleY(.4)}.playing-indicator .bar:nth-child(2){transform:scaleY(.8)}.playing-indicator .bar:nth-child(3){transform:scaleY(.6)}.playing-indicator[data-playing=true] .bar{animation:.9s ease-in-out infinite alternate rova-eq}.playing-indicator[data-playing=true] .bar:nth-child(2){animation-delay:-300ms}.playing-indicator[data-playing=true] .bar:nth-child(3){animation-delay:-600ms}@keyframes rova-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.playing-indicator[data-playing=true] .bar{animation:none}}dialog.now-playing-sheet{isolation:isolate;background:var(--surface-app,var(--surface-page))}.now-playing-backdrop{z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--hero-color,var(--hero-fallback)), var(--surface-app,var(--surface-page)) 85%);position:absolute;inset:0;overflow:hidden}.now-playing-backdrop-art{object-fit:cover;filter:blur(64px)saturate(1.3);opacity:.35;block-size:120%;inline-size:120%;position:absolute;inset:-10%}.now-playing-backdrop:after{content:"";background:#000000a3;position:absolute;inset:0}.now-playing-sheet :is(.now-playing-panel,.playback-queue-pane,.lyrics-lines,.lyrics-plain){overscroll-behavior:contain;overflow-x:hidden}.now-playing-sheet :is(.now-playing-panel,.playback-queue-pane,.lyrics-plain){scrollbar-width:none}.now-playing-sheet :is(.now-playing-panel,.playback-queue-pane,.lyrics-plain)::-webkit-scrollbar{display:none}@media (width<=899px),(pointer:coarse){.now-playing-sheet .playback-option select,.queue-add-search,.queue-save-form input{font-size:16px}}.playback-artwork{transition:transform var(--motion-overlay) ease-out}.playback-artwork .cover{box-shadow:var(--shadow-art);border-radius:var(--radius-panel)}.playback-artwork[data-paused=true]{transform:scale(.86)}@media (prefers-reduced-motion:reduce){.playback-artwork{transition:none}}.playback-queue-pane{box-sizing:border-box;padding:var(--space-4) var(--space-4) var(--space-6);border:1px solid var(--border-glass);background:color-mix(in srgb, var(--surface-app) 45%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px}.playback-queue-pane:has(.menu-surface-panel){-webkit-backdrop-filter:none;backdrop-filter:none}.playback-queue-pane .queue-header{z-index:1;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding:var(--space-4);border-block-end:1px solid var(--border-glass);background:color-mix(in srgb, var(--surface-app) 72%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:flex-end;position:sticky;inset-block-start:calc(-1 * var(--space-4))}.queue-heading{gap:2px;min-inline-size:0;display:grid}.playback-queue-pane .queue-heading h2{font-family:var(--font-display);font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.1}.queue-summary{color:var(--text-muted);font-size:var(--type-meta);font-variant-numeric:tabular-nums;margin:0}.queue-toolbar .control-button{border-radius:var(--radius-round);padding-inline:var(--space-3) var(--space-4);align-items:center;gap:6px;display:inline-flex}.queue-current{align-items:center;gap:var(--space-4);min-block-size:88px;padding:var(--space-3);border:1px solid var(--border-glass);background:linear-gradient(120deg, color-mix(in srgb, var(--hero-color,var(--surface-raised)) 55%, var(--surface-app)), color-mix(in srgb, var(--surface-app) 70%, transparent));box-shadow:var(--shadow-glass);border-radius:16px;margin-block-end:var(--space-5);display:flex}.queue-current[data-playing=true]{border-color:var(--brand-ring)}.queue-current-art{flex:none;block-size:64px;inline-size:64px;display:block}.queue-current-art .cover{box-shadow:var(--shadow-art);border-radius:10px;display:block}.queue-current .queue-row-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.queue-current .muted{font-size:var(--type-body)}.queue-current-eyebrow{align-items:center;gap:var(--space-2);color:var(--accent-400);display:inline-flex}.queue-current-eyebrow .playing-indicator{block-size:11px}.playback-queue-pane .queue-list{gap:2px}.queue-section{margin-block:var(--space-4) var(--space-2);padding-inline:var(--space-2);color:var(--text-muted);font-size:var(--type-small);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.queue-section:first-child{margin-block-start:0}.playback-queue-pane .queue-row{gap:var(--space-3);min-block-size:64px;padding:var(--space-1) var(--space-2);transition:background-color var(--motion-state) ease, border-color var(--motion-state) ease;animation:.32s cubic-bezier(.2,.7,.2,1) both queue-row-in;animation-delay:calc(var(--row,0) * 22ms);border-radius:12px;position:relative}.playback-queue-pane .queue-row:has(.menu-surface-panel){animation:none}.now-playing-sheet .toast{inset-block-end:calc(var(--space-4) + env(safe-area-inset-bottom))}@media (hover:hover){.playback-queue-pane .queue-row:hover{background:var(--surface-glass)}}.playback-queue-pane .queue-row[data-source=user]:before{content:"";border-radius:var(--radius-round);background:var(--accent-500);inline-size:3px;position:absolute;inset-block:14px;inset-inline-start:0}.playback-queue-pane .queue-row[data-drop-target]{box-shadow:inset 0 2px 0 var(--accent-500)}.queue-row-lead{flex:none;place-items:center;block-size:44px;inline-size:36px;display:grid;position:relative}.queue-row-index{color:var(--text-muted);font-size:var(--type-body);font-variant-numeric:tabular-nums;transition:opacity var(--motion-state) ease}.playback-queue-pane .queue-drag-handle{border-radius:var(--radius-control);min-inline-size:0;color:var(--text-muted);cursor:grab;opacity:0;transition:opacity var(--motion-state) ease, color var(--motion-state) ease;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.playback-queue-pane .queue-drag-handle:active{cursor:grabbing}.playback-queue-pane .queue-drag-handle:hover{color:var(--text-primary)}.playback-queue-pane .queue-row:is(:hover,:focus-within) .queue-drag-handle{opacity:1}.playback-queue-pane .queue-row:is(:hover,:focus-within) .queue-row-index{opacity:0}.queue-row-art{flex:none;block-size:44px;inline-size:44px;display:block}.queue-row-art .cover{border-radius:var(--radius-control);display:block}.playback-queue-pane .queue-row-title{font-size:var(--type-body);font-weight:600}.playback-queue-pane .queue-row-play{gap:2px}.playback-queue-pane .queue-row-play .muted{font-size:var(--type-meta)}.playback-queue-pane .queue-row-play:hover:not(:disabled) .queue-row-title{color:var(--accent-400)}.playback-queue-pane .queued-marker{padding:2px var(--space-2);border:1px solid var(--brand-ring);border-radius:var(--radius-round);background:var(--brand-wash-faint);color:var(--accent-400);font-size:var(--type-small);letter-spacing:.04em;flex:none;font-weight:600}.queue-row-duration{min-inline-size:4ch;color:var(--text-muted);font-size:var(--type-meta);font-variant-numeric:tabular-nums;text-align:end;flex:none}.playback-queue-pane .queue-row-actions{transition:opacity var(--motion-state) ease;flex:none;gap:2px}.playback-queue-pane .queue-row-actions button{min-block-size:36px;min-inline-size:36px;color:var(--text-muted);transition:background-color var(--motion-state) ease, color var(--motion-state) ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.playback-queue-pane .queue-row-actions button:hover:not(:disabled){background:var(--surface-glass);color:var(--text-primary)}.playback-queue-pane .queue-row-actions button[aria-label=Remove]:hover{color:var(--text-danger)}.playback-queue-pane .queue-row-actions button:disabled{opacity:.35}@media (hover:hover){.playback-queue-pane .queue-row-actions{opacity:0}.playback-queue-pane .queue-row:is(:hover,:focus-within) .queue-row-actions{opacity:1}}@media (hover:none){.playback-queue-pane .queue-drag-handle{opacity:1}.queue-row-index{opacity:0}}.queue-autoplay{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-glass);border-radius:14px;margin-block-start:var(--space-4);display:flex}.queue-autoplay-icon{color:var(--text-muted);flex:none;display:inline-flex}.queue-autoplay[data-active=true] .queue-autoplay-icon{color:var(--accent-400)}.queue-autoplay-text{flex:1;gap:2px;min-inline-size:0;display:grid}.queue-autoplay-title{font-weight:600}.queue-autoplay-status{color:var(--text-muted);font-size:var(--type-meta);margin:0}.queue-autoplay-switch{padding-inline:var(--space-2);flex:none}.queue-empty{justify-items:center;gap:var(--space-3);padding-block:var(--space-8);text-align:center;display:grid}.queue-empty-art{background:var(--brand-wash-faint);block-size:72px;inline-size:72px;color:var(--accent-400);box-shadow:inset 0 0 0 1px var(--brand-ring);border-radius:50%;place-items:center;display:grid}.queue-empty .empty{max-inline-size:18rem;color:var(--text-muted);margin:0}@media (width<=899px){.playback-queue-pane{padding:0 0 var(--space-4);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}.playback-queue-pane .queue-header{margin:0 0 var(--space-3);padding:var(--space-2) 0 var(--space-3);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-block-end:0;flex-wrap:wrap;position:static}.queue-row-index,.queue-row-duration{display:none}.playback-queue-pane .queue-drag-handle{opacity:1}.queue-row-lead{inline-size:44px}.queue-row-art,.queue-row-art .cover{block-size:40px;inline-size:40px}.playback-queue-pane .queue-row{gap:var(--space-2);padding-inline:var(--space-1)}.playback-queue-pane .queue-row-actions{opacity:1}.playback-queue-pane .queue-row-actions button{border-radius:var(--radius-control);min-block-size:44px;min-inline-size:44px}.playback-queue-pane .queued-marker{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.queue-current{min-block-size:76px;margin-block-end:var(--space-4)}}@keyframes queue-row-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.playback-queue-pane .queue-row{transition:none;animation:none}.queue-row-index,.playback-queue-pane .queue-drag-handle,.playback-queue-pane .queue-row-actions,.playback-queue-pane .queue-row-actions button{transition:none}}.player-bar .now-playing-info{align-items:flex-start}.player-bar .now-playing-info>*{max-inline-size:100%}.player-bar .now-playing-info strong{font-size:var(--type-body);font-weight:600}.player-bar .now-playing-info>span{font-size:var(--type-meta)}.player-bar .now-playing-open .cover{border-radius:var(--radius-compact);box-shadow:0 4px 12px var(--black-alpha-40)}.now-playing-placeholder{border-radius:var(--radius-compact);background:var(--surface-glass);block-size:46px;inline-size:46px;color:var(--text-muted);flex:none;place-items:center;display:grid}.taste-screen{isolation:isolate;background:var(--surface-app);min-block-size:100dvh;color:var(--text-primary);position:relative}.taste-screen>.auth-backdrop{position:fixed}.taste-screen>.auth-backdrop .auth-wave{opacity:.6}.taste-screen__main{z-index:1;box-sizing:border-box;max-inline-size:1180px;padding-block:var(--space-6) calc(120px + env(safe-area-inset-bottom));background:0 0;border-radius:0;margin-inline:auto;padding-inline:clamp(1rem,5vw,4rem);position:relative}.taste{gap:var(--space-6);display:grid}.taste-top{align-items:center;gap:var(--space-6);display:flex}.taste-top__logo{flex:none;block-size:auto;inline-size:96px}.taste-top__steps{flex:1;max-inline-size:22rem;margin-block-end:0}.taste-top__skip{min-block-size:44px;padding-inline:var(--space-5);border:1px solid var(--border-control);border-radius:var(--radius-round);color:var(--text-primary);font:inherit;cursor:pointer;transition:border-color var(--motion-state) ease, color var(--motion-state) ease;background:0 0;flex:none;margin-inline-start:auto;font-weight:600}.taste-top__skip:hover{border-color:var(--text-muted)}.taste-intro{gap:var(--space-3);max-inline-size:44rem;animation:.52s cubic-bezier(.2,.7,.2,1) both taste-rise;display:grid}.taste-intro h1{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;background:linear-gradient(100deg, var(--text-primary) 40%, var(--brand) 115%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.05}.taste-intro h1:focus{outline:none}.taste-intro p{color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.5}.taste-filters{z-index:2;gap:var(--space-3);margin-inline:calc(-1 * var(--space-2));padding:var(--space-3) var(--space-2);background:color-mix(in srgb, var(--surface-app) 84%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;position:sticky;inset-block-start:0}.taste--embedded .taste-filters{background:color-mix(in srgb, var(--surface-page) 88%, transparent)}.taste-search{max-inline-size:30rem;position:relative}.taste-search__icon{color:var(--text-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:16px;translate:0 -50%}.taste-search input{box-sizing:border-box;border:1px solid var(--border-field);border-radius:var(--radius-round);background:var(--surface-field);min-block-size:48px;inline-size:100%;color:var(--text-primary);font:inherit;transition:border-color var(--motion-state) ease, box-shadow var(--motion-state) ease;padding-inline:48px}.taste-search input:focus{border-color:var(--accent-500);box-shadow:0 0 0 4px var(--brand-wash);outline:none}.taste-search input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.taste-search:focus-within .taste-search__icon{color:var(--accent-500)}.taste-genres{gap:var(--space-2);scrollbar-width:none;padding-block-end:2px;display:flex;overflow-x:auto}.taste-chip{min-block-size:40px;padding-inline:var(--space-4);border:1px solid var(--border-control);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);font:inherit;font-size:var(--type-body);text-transform:capitalize;cursor:pointer;transition:background-color var(--motion-state) ease, color var(--motion-state) ease, border-color var(--motion-state) ease;flex:none}.taste-chip:hover{border-color:var(--text-muted)}.taste-chip[aria-pressed=true]{border-color:var(--text-primary);background:var(--text-primary);color:var(--surface-app)}.taste-chip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.taste-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.taste-grid>li{animation:.46s cubic-bezier(.2,.7,.2,1) both taste-rise;animation-delay:calc(var(--i,0) * 28ms)}.taste-artist{inline-size:100%;padding:var(--space-2) var(--space-2) var(--space-3);color:inherit;font:inherit;text-align:center;cursor:pointer;transition:background-color var(--motion-state) ease;background:0 0;border:0;border-radius:18px;justify-items:center;gap:6px;display:grid}@media (hover:hover){.taste-artist:hover{background:var(--surface-glass)}}.taste-artist:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.taste-artist__art{aspect-ratio:1;inline-size:100%;border-radius:50%;margin-block-end:var(--space-1);transition:transform .26s cubic-bezier(.3,1.4,.5,1);display:block;position:relative}.taste-artist__art>.cover{object-fit:cover;box-shadow:var(--shadow-art);transition:filter var(--motion-state) ease;border-radius:50%;block-size:100%!important;inline-size:100%!important}.taste-artist__art>img.cover{display:block}.taste-artist__art:after{content:"";transition:border-color var(--motion-state) ease, box-shadow var(--motion-state) ease;border:3px solid #0000;border-radius:50%;position:absolute;inset:-5px}.taste-artist__check{z-index:1;border:3px solid var(--surface-app);background:var(--brand);block-size:34px;inline-size:34px;color:var(--surface-app);border-radius:50%;place-items:center;transition:transform .28s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;inset-block-end:2%;inset-inline-end:2%;transform:scale(0)}.taste-artist[aria-pressed=true] .taste-artist__art{animation:.34s cubic-bezier(.3,1.5,.5,1) taste-pop}.taste-artist[aria-pressed=true] .taste-artist__art:after{border-color:var(--brand);box-shadow:0 0 28px var(--brand-wash)}.taste-artist[aria-pressed=true] .taste-artist__art>.cover{filter:brightness(.82)}.taste-artist[aria-pressed=true] .taste-artist__check{transform:scale(1)}.taste-artist__name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-inline-size:100%;font-size:.95rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.taste-artist__meta{color:var(--text-muted);font-size:var(--type-meta);text-transform:capitalize}.taste-artist__skeleton{aspect-ratio:1;background:linear-gradient(100deg, var(--surface-raised) 30%, var(--surface-control) 50%, var(--surface-raised) 70%) 0 0 / 300% 100%;border-radius:50%;inline-size:100%;animation:1.4s linear infinite taste-shimmer;display:block}.taste-message{justify-items:start;gap:var(--space-3);margin:var(--space-6) 0;color:var(--text-muted);display:grid}.taste-message p{margin:0}.taste-tray{z-index:3;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) clamp(1rem, 5vw, 4rem) calc(var(--space-4) + env(safe-area-inset-bottom));border-block-start:1px solid var(--border-glass);background:color-mix(in srgb, var(--surface-app) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-wrap:wrap;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.taste--embedded .taste-tray{background:color-mix(in srgb, var(--surface-page) 90%, transparent);margin-inline:calc(-1*clamp(16px,3vw,32px));position:sticky}.taste-tray__picked{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.taste-tray__avatars{margin:0;padding:0;list-style:none;display:flex}.taste-tray__avatars li{border:2px solid var(--surface-app);background:var(--surface-control);border-radius:50%;flex:none;place-items:center;block-size:40px;inline-size:40px;animation:.32s cubic-bezier(.3,1.5,.5,1) both taste-pop;display:grid;overflow:hidden}.taste-tray__avatars li+li{margin-inline-start:-12px}.taste-tray__avatars .cover{border-radius:50%;block-size:100%!important;inline-size:100%!important;font-size:12px!important}.taste-tray__more{font-size:var(--type-meta);font-weight:700}.taste-tray__count{color:var(--text-muted);font-size:var(--type-body);white-space:nowrap}.taste-tray__meter{gap:6px;display:flex}.taste-tray__meter span{border-radius:var(--radius-round);background:var(--border-glass);block-size:6px;inline-size:26px;transition:background-color var(--motion-overlay) ease}.taste-tray__meter span[data-on]{background:linear-gradient(90deg, var(--accent-500), var(--brand))}.taste-tray__error{color:var(--text-danger);flex-basis:100%;order:-1;margin:0}.taste-tray__done{min-block-size:52px;min-inline-size:12rem;padding-inline:var(--space-6);border-radius:var(--radius-round);background:linear-gradient(135deg, var(--accent-500), var(--brand));color:var(--surface-app);font:inherit;cursor:pointer;transition:transform var(--motion-press) ease, box-shadow var(--motion-state) ease, background-color var(--motion-state) ease;border:0;margin-inline-start:auto;font-size:1rem;font-weight:700}.taste-tray__done:hover:not(:disabled){box-shadow:0 10px 30px var(--brand-wash);transform:translateY(-1px)}.taste-tray__done:active:not(:disabled){transform:scale(.98)}.taste-tray__done:disabled{background:var(--surface-control);color:var(--text-muted);cursor:default}.taste-tray__done:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.taste-building{place-content:center;justify-items:center;gap:var(--space-3);min-block-size:calc(100dvh - 2 * var(--space-6));text-align:center;display:grid}.taste-building__orbit{aspect-ratio:1;inline-size:min(20rem,80vw);place-items:center;margin-block-end:var(--space-4);animation:16s linear infinite taste-spin;display:grid;position:relative}.taste-building__ring{border:1.5px solid var(--brand-ring);border-radius:50%;animation:2.4s ease-in-out infinite taste-breathe;position:absolute;inset:12%}.taste-building__ring+.taste-building__ring{animation-delay:-1.2s;inset:30%}.taste-building__symbol{block-size:auto;inline-size:30%;color:var(--brand);filter:drop-shadow(0 0 28px var(--brand-glow));animation:16s linear infinite reverse taste-spin}.taste-building__symbol .rova-symbol__bar{transform-origin:50%;animation:1s ease-in-out infinite auth-bar}.taste-building__cover{block-size:56px;inline-size:56px;transform:rotate(var(--angle)) translateY(calc(-1 * min(9rem, 36vw))) rotate(calc(-1 * var(--angle)));margin:-28px;position:absolute;inset-block-start:50%;inset-inline-start:50%}.taste-building__cover>img.cover{display:block}.taste-building__cover>.cover{border:2px solid var(--brand);box-shadow:0 0 18px var(--brand-wash);border-radius:50%;animation:16s linear infinite reverse taste-spin,.4s cubic-bezier(.3,1.5,.5,1) both taste-pop;block-size:100%!important;inline-size:100%!important}.taste-building__title{font-family:var(--font-display);margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.taste-building__title:after{content:"…";vertical-align:bottom;animation:1.2s steps(4,end) infinite taste-dots;display:inline-block;overflow:hidden}.taste-building__body{color:var(--text-muted);margin:0}dialog.taste-dialog{box-sizing:border-box;block-size:100dvh;max-block-size:none;inline-size:100vw;max-inline-size:none;padding:var(--space-5) clamp(16px, 3vw, 32px) 0;background:var(--surface-page);border:0;border-radius:0;margin:0;position:fixed;inset:0}dialog.taste-dialog::backdrop{background:var(--surface-app)}.taste-dialog>.dialog-surface-header,.taste-dialog>.taste{max-inline-size:1180px;margin-inline:auto}.taste-dialog>.dialog-surface-header h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem)}@media (width<=899px){.taste-top{gap:var(--space-3) var(--space-4);flex-wrap:wrap}.taste-top__steps{flex-basis:100%;order:3;max-inline-size:none}.taste-grid{gap:var(--space-4) var(--space-2);grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}.taste-artist{padding-inline:var(--space-1)}.taste-chip{min-block-size:44px}.taste-tray{gap:var(--space-3)}.taste-tray__done{flex:100%;min-inline-size:0}.taste-tray__meter{margin-inline-start:auto}.taste-screen__main{padding-block-end:calc(150px + env(safe-area-inset-bottom))}dialog.taste-dialog{max-block-size:none;inline-size:100vw;padding-inline:var(--space-4);inset:0}}@keyframes taste-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes taste-pop{0%{transform:scale(.86)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes taste-shimmer{to{background-position:-300% 0}}@keyframes taste-spin{to{transform:rotate(360deg)}}@keyframes taste-breathe{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}@keyframes taste-dots{0%{inline-size:0}to{inline-size:1.2em}}@media (prefers-reduced-motion:reduce){.taste-screen *,.taste-screen :before,.taste-screen :after,.taste-dialog *,.taste-dialog :before,.taste-dialog :after{transition:none!important;animation:none!important}}@property --library-wash{syntax:"<color>";inherits:true;initial-value:#0000}.library{--library-wash:var(--library-wash-liked);position:relative}.library>:not(.library-wash){position:relative}.library[data-tab=albums]{--library-wash:var(--library-wash-albums)}.library[data-tab=artists]{--library-wash:var(--library-wash-artists)}.library[data-tab=playlists]{--library-wash:var(--library-wash-playlists)}.library[data-tab=history]{--library-wash:var(--library-wash-history)}.library-wash{inset-block-start:calc(-1 * var(--space-8));inset-inline:calc(-1 * var(--space-5));pointer-events:none;background:radial-gradient(90% 75% at 0% 0%, var(--library-wash), transparent 70%), radial-gradient(60% 55% at 85% 0%, var(--library-wash), transparent 75%);opacity:.9;block-size:420px;transition:--library-wash .7s;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 96px);mask-image:linear-gradient(#0000,#000 96px)}.library-wash:dir(rtl){background:radial-gradient(90% 75% at 100% 0%, var(--library-wash), transparent 70%), radial-gradient(60% 55% at 15% 0%, var(--library-wash), transparent 75%)}.library .library-header{margin-block:var(--space-2) var(--space-5)}.library .library-header h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.05}.library .library-new{border:1px solid var(--border-glass);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color var(--motion-state) ease, color var(--motion-state) ease, border-color var(--motion-state) ease}.library .library-new:hover{border-color:var(--accent-500);background:var(--brand-wash-faint);color:var(--brand)}.library>.route-tabs--segmented{box-sizing:border-box;gap:var(--space-1);inline-size:fit-content;max-inline-size:100%;padding:var(--space-1);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;margin-block-end:var(--space-6);position:relative;overflow-x:auto}.library>.route-tabs--segmented button:focus-visible{outline-offset:1px}.library>.route-tabs--segmented button{z-index:1;align-items:center;gap:var(--space-2);min-block-size:40px;color:var(--text-muted);transition:color var(--motion-state) ease, border-color .26s ease;background:0 0;border-color:#0000;padding-inline:14px 16px;font-weight:600;display:inline-flex;position:relative}.library>.route-tabs--segmented button:hover:not(.active){color:var(--text-primary)}.library>.route-tabs--segmented button.active{border-color:var(--state-selected);color:var(--state-selected);background:0 0}.route-tab-icon{flex:none}.route-tab-count{border-radius:var(--radius-round);background:var(--surface-control);min-inline-size:1.6em;color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums;text-align:center;transition:background-color var(--motion-state) ease, color var(--motion-state) ease;padding:1px 7px;line-height:1.6}.library>.route-tabs--segmented button.active .route-tab-count{background:var(--brand-wash);color:var(--state-selected)}.route-tabs-indicator{z-index:0;border-radius:var(--radius-round);background:linear-gradient(135deg, var(--brand-wash), var(--brand-wash-faint));box-shadow:inset 0 0 0 1px var(--brand-wash), inset 0 -8px 18px var(--brand-wash-faint);opacity:0;pointer-events:none;position:absolute;inset:0 auto auto 0}.route-tabs-indicator[data-ready=true]{opacity:1}.route-tabs-indicator[data-settled=true]{transition:transform .46s cubic-bezier(.32,.72,0,1),inline-size .46s cubic-bezier(.32,.72,0,1),block-size .46s cubic-bezier(.32,.72,0,1),opacity .2s}.library-pane{animation:.36s cubic-bezier(.2,.7,.2,1) backwards library-pane-in}.library-pane :is(.collection-grid,.collection-list)>li,.library-pane .history-day{animation:.42s cubic-bezier(.2,.7,.2,1) backwards library-item-in}.library-pane :is(.collection-grid,.collection-list)>li:nth-child(2){animation-delay:30ms}.library-pane :is(.collection-grid,.collection-list)>li:nth-child(3){animation-delay:60ms}.library-pane :is(.collection-grid,.collection-list)>li:nth-child(4){animation-delay:90ms}.library-pane :is(.collection-grid,.collection-list)>li:nth-child(5){animation-delay:.12s}.library-pane :is(.collection-grid,.collection-list)>li:nth-child(6){animation-delay:.15s}.library-pane :is(.collection-grid,.collection-list)>li:nth-child(7){animation-delay:.18s}.library-pane :is(.collection-grid,.collection-list)>li:nth-child(8){animation-delay:.21s}.library-pane :is(.collection-grid,.collection-list)>li:nth-child(n+9){animation-delay:.24s}.library-pane .history-day:nth-child(2){animation-delay:80ms}.library-pane .history-day:nth-child(n+3){animation-delay:.16s}@keyframes library-pane-in{0%{opacity:0}to{opacity:1}}@keyframes library-item-in{0%{opacity:0}to{opacity:1}}.library-hero{align-items:end;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr) auto;margin-block-end:var(--space-2);display:grid}.library-hero-art{border-radius:var(--radius-4);background:linear-gradient(135deg, var(--accent-700), var(--brand));block-size:132px;inline-size:132px;color:var(--surface-app);box-shadow:var(--shadow-glass);place-items:center;display:grid}.library-hero-art .icon{block-size:52px;inline-size:52px}.library-hero-copy{gap:var(--space-1);min-inline-size:0;display:grid}.library-hero-kind{color:var(--text-muted);font-size:var(--type-small);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:700}.library-hero-title{font-family:var(--font-display);margin:0;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.1}.library-hero-meta{color:var(--text-muted);font-size:var(--type-body);font-variant-numeric:tabular-nums;margin:0}.library-hero-actions{gap:var(--space-3);display:flex}.library-hero-actions>button{justify-content:center;align-items:center;gap:var(--space-2);min-inline-size:8.5rem;min-block-size:var(--size-control-touch);padding-inline:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);font:inherit;cursor:pointer;transition:transform var(--motion-press) ease, background-color var(--motion-state) ease, box-shadow var(--motion-state) ease;font-weight:700;display:inline-flex}.library-hero-actions .library-hero-play{background:linear-gradient(135deg, var(--accent-500), var(--brand));color:var(--surface-app);border-color:#0000}.library-hero-actions .library-hero-shuffle .icon{color:var(--accent-400)}.library-hero-actions>button:hover:not(:disabled){box-shadow:0 10px 28px var(--brand-wash)}.library-hero-actions .library-hero-shuffle:hover:not(:disabled){background:var(--surface-control)}.library-hero-actions>button:disabled{opacity:.5;cursor:default}.library-hero-actions>button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.library-hero-more{flex:none;display:inline-flex}.library-hero-more-trigger{inline-size:var(--size-control-touch);block-size:var(--size-control-touch);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-state) ease;place-items:center;padding:0;display:grid}.library-hero-more-trigger:hover{background:var(--surface-control)}.library-hero-more-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.library .collection-toolbar{gap:var(--space-2) var(--space-3);margin-block:var(--space-5) var(--space-4)}.sort-menu{flex:none}.sort-menu .sort-menu-trigger{align-items:center;gap:var(--space-2);min-block-size:40px;padding-inline:var(--space-3) var(--space-8);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);white-space:nowrap;transition:border-color var(--motion-state) ease;font-weight:600;display:inline-flex;position:relative}.sort-menu .sort-menu-trigger[aria-expanded=true]{border-color:var(--text-muted)}@media (hover:hover){.sort-menu .sort-menu-trigger:hover:not(:disabled){border-color:var(--text-muted);background:var(--surface-glass);color:var(--text-primary)}}.sort-menu-icon{color:var(--accent-400);flex:none}.sort-menu .sort-menu-trigger:after{content:"";border-block-end:2px solid var(--text-muted);border-inline-end:2px solid var(--text-muted);pointer-events:none;block-size:7px;inline-size:7px;position:absolute;inset-inline-end:var(--space-4);transform:translateY(-2px)rotate(45deg)}.sort-menu .sort-menu-trigger:dir(rtl):after{transform:translateY(-2px)rotate(-45deg)}@media (width>=900px){.collection-toolbar .sort-menu .menu-surface-panel{inset-inline:0 auto}}.library .collection-toolbar .find-field input{min-block-size:40px}.library .collection-view-toggle{border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);gap:2px;padding:3px}.library .collection-view-toggle button{border-radius:var(--radius-round);min-block-size:36px;min-inline-size:40px;color:var(--text-muted);transition:background-color var(--motion-state) ease, color var(--motion-state) ease;background:0 0;border:0;place-items:center;padding:0;display:grid}.library .collection-view-toggle button:hover{color:var(--text-primary)}.library .collection-view-toggle button[aria-pressed=true]{background:var(--surface-control-hover);color:var(--brand)}.library .playlist-toolbar{align-items:center;gap:var(--space-2);margin-block:0 var(--space-4);display:flex}.library .playlist-toolbar .collection-filter-chips{gap:var(--space-2);overscroll-behavior-inline:contain;scrollbar-width:none;flex:auto;min-inline-size:0;margin:-6px;padding:6px;overflow-x:auto}.library .playlist-toolbar .collection-filter-chips::-webkit-scrollbar{display:none}.library .collection-filter-chips button{min-block-size:var(--control-height-compact);padding-inline:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);white-space:nowrap;transition:background-color var(--motion-state) ease, color var(--motion-state) ease, border-color var(--motion-state) ease;flex:none}.library .collection-filter-chips button:hover{border-color:var(--text-muted)}.library .collection-filter-chips button[aria-pressed=true]{border-color:var(--state-selected);background:var(--brand-wash-faint);color:var(--state-selected)}.sort-icon-menu{flex:none}.sort-icon-menu .sort-icon-trigger{inline-size:var(--control-height-compact);min-inline-size:var(--control-height-compact);block-size:var(--control-height-compact);min-block-size:var(--control-height-compact);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--accent-400);transition:border-color var(--motion-state) ease;place-items:center;padding:0;display:inline-grid}.sort-icon-menu .sort-icon-trigger[aria-expanded=true]{border-color:var(--text-muted)}@media (hover:hover){.sort-icon-menu .sort-icon-trigger:hover:not(:disabled){border-color:var(--text-muted);background:var(--surface-glass);color:var(--accent-400)}}.menu-surface-panel.sort-icon-panel{min-inline-size:220px}@media (width>=900px){.library .collection-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,176px),1fr))}}.library .media-card .collection-artwork{border-radius:var(--radius-3);box-shadow:var(--shadow-art);transition:box-shadow var(--motion-overlay) ease}.library .media-card.artist-card .collection-artwork{border-radius:var(--radius-round)}.library .media-card:is(:hover,:focus-within) .collection-artwork{box-shadow:0 14px 36px var(--black-alpha-40)}.library .media-card strong{font-size:var(--type-body);font-weight:600}.library .media-card .media-card-copy>span:not(.media-card-meta){color:var(--text-muted);font-size:var(--type-meta)}.library .media-card-meta{font-size:var(--type-small)}.library .collection-grid .artist-card .media-card-copy{text-align:center;align-items:center}.library .collection-list .media-card{border-radius:var(--radius-3)}.library .playlist-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));margin-block:0}.library :is(.playlist-tile,.playlist-new-tile) .media-card-copy{gap:2px}.library .playlist-tile .media-card-meta{color:var(--text-muted);font-size:var(--type-meta)}.library .smart-card-unreadable{white-space:normal}.library .media-card.playlist-new-tile .collection-artwork{box-sizing:border-box;border:1.5px dashed var(--border-dropzone);background:var(--surface-inset);box-shadow:none;color:var(--brand);transition:border-color var(--motion-state) ease, background-color var(--motion-state) ease;place-items:center;display:grid}.library .media-card.playlist-new-tile:is(:hover,:focus-within) .collection-artwork{border-color:var(--accent-500);background:var(--brand-wash-faint);box-shadow:none}.library .playlist-new-tile strong{color:var(--brand)}.library .playlist-grid-empty{margin-block:var(--space-4) 0;color:var(--text-muted)}.dialog-surface.create-sheet{inline-size:min(420px, calc(100% - var(--space-8)))}.create-sheet .dialog-surface-header h2{font-family:var(--font-display)}.create-sheet-grab{display:none}.create-sheet-playlist{gap:var(--space-3);flex-direction:column;margin-block-end:var(--space-3);display:flex}.create-option{align-items:center;gap:var(--space-3);padding-block:var(--space-1);text-align:start;margin:0;display:flex}button.create-option{box-sizing:border-box;inline-size:calc(100% + 2 * var(--space-2));min-block-size:56px;margin-inline:calc(-1 * var(--space-2));padding-inline:var(--space-2);color:var(--text-primary);font:inherit;cursor:pointer;transition:background-color var(--motion-state) ease;background:0 0;border:0;border-radius:12px}@media (hover:hover){button.create-option:hover{background:var(--surface-glass)}}button.create-option:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.create-option-icon{background:var(--brand-wash);block-size:40px;inline-size:40px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.create-option-copy{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.create-option-copy strong{font-size:.9375rem;font-weight:600}.create-option-copy span{color:var(--text-muted);font-size:var(--type-meta)}.create-sheet-name{box-sizing:border-box;inline-size:100%;min-block-size:var(--control-height-touch);padding-inline:var(--space-3);border:1px solid var(--border-field);background:var(--surface-inset);color:var(--text-primary);font:inherit;border-radius:12px;font-size:1rem}.create-sheet-name:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px var(--brand-wash)}.create-sheet .create-sheet-submit{inline-size:100%;min-block-size:var(--control-height-touch);border-radius:var(--radius-round)}.create-sheet .inline-error{border:0;padding-block:0}.history-days{gap:var(--space-6);display:grid}.history-day-label{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.1rem}.history .playlist-row{border-radius:var(--radius-3);transition:background-color var(--motion-state) ease}.history .playlist-row .cover{border-radius:var(--radius-2)}.history .playlist-row-info{gap:2px}.history .playlist-row-title{font-size:var(--type-body);font-weight:600}.history .playlist-row-info .muted{font-size:var(--type-meta)}.history-time{color:var(--text-muted);font-size:var(--type-meta);font-variant-numeric:tabular-nums;white-space:nowrap}.sidebar-list button.sidebar-destination{transition:background-color var(--motion-state) ease, color var(--motion-state) ease;font-weight:600}.sidebar-list button.sidebar-destination.active{background:var(--surface-control)}@media (width<=899px){.pinned-group--page{border-block-end:1px solid var(--border-row);margin-block-end:var(--space-3);padding-block-end:var(--space-2)}.pinned-group--page .sidebar-heading{padding-inline-start:0}.pinned-group--page .library-panel-list{margin:0;padding:0;list-style:none}.pinned-group--page .library-panel-row{column-gap:var(--space-3);inline-size:100%;padding:var(--space-2) 0;border-radius:var(--radius-control);text-align:start;font:inherit;color:var(--text-primary);background:0 0;border:0;grid-template-columns:48px minmax(0,1fr);align-items:center;display:grid}.pinned-group--page .library-panel-row>:first-child{grid-row:span 2}.pinned-group--page .library-panel-row.active{color:var(--state-selected)}.pinned-group--page .library-panel-row:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-width))}.pinned-group--page .library-panel-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pinned-group--page .library-panel-kind{color:var(--text-muted);font-size:var(--type-meta);grid-column:2}.pinned-group--page .liked-tile{border-radius:var(--radius-card-art);background:linear-gradient(135deg, var(--accent-700), var(--brand));block-size:48px;inline-size:48px;color:var(--surface-page);place-items:center;display:grid}.library-wash{block-size:300px;inset-block-start:calc(-1 * var(--space-6))}.library .library-header{gap:var(--space-2);margin-block:0 var(--space-4)}.library .library-header h1{font-size:clamp(1.5rem,7vw,2rem)}.library .library-account{flex:none;align-items:center;margin:0;display:flex}.library .library-account .account-tools{gap:var(--space-1)}.library .library-account:empty{display:none}.library>.route-tabs--segmented{inline-size:100%;margin-block-end:var(--space-5)}.library>.route-tabs--segmented button{min-block-size:56px;padding:var(--space-1) 2px;flex-direction:column;flex:auto;justify-content:center;gap:2px;font-size:11px}.route-tabs--segmented .route-tab-label{text-overflow:ellipsis;max-inline-size:100%;overflow:hidden}.route-tabs--segmented .route-tab-count{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.library-hero{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr)}.library-hero-art{block-size:96px;inline-size:96px}.library-hero-art .icon{block-size:40px;inline-size:40px}.library-hero-actions{grid-column:1/-1}.library-hero-actions>button{flex:1 1 0;min-inline-size:0}.library .collection-toolbar .sort-menu .sort-menu-trigger{min-block-size:var(--size-control-touch)}.library .collection-toolbar .find-field{flex:100%}.library .collection-toolbar .find-field input,.library .collection-toolbar .find-field input:focus{inline-size:100%;min-block-size:var(--size-control-touch)}.library .collection-filter-chips button{min-block-size:var(--control-height-touch);padding-inline:var(--space-3);font-size:var(--type-meta)}.sort-icon-menu .sort-icon-trigger{inline-size:var(--control-height-touch);min-inline-size:var(--control-height-touch);block-size:var(--control-height-touch);min-block-size:var(--control-height-touch)}}@media (width<=599px){.library .playlist-grid{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.dialog-surface.create-sheet{inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom));inset-inline:var(--space-2);max-block-size:calc(100dvh - 64px);inline-size:auto;max-inline-size:480px;border-radius:22px;margin-inline:auto;padding-block-start:var(--space-6)}.create-sheet-grab{background:var(--border-control);border-radius:2px;block-size:4px;inline-size:36px;margin-inline:auto;display:block;position:absolute;inset-block-start:var(--space-2);inset-inline:0}}@media (prefers-reduced-motion:reduce){.library-wash,.library .library-new,.library>.route-tabs--segmented button,.route-tab-count,.route-tabs-indicator[data-settled=true],.library-hero-actions button,.sort-menu .sort-menu-trigger,.library .collection-view-toggle button,.library .collection-filter-chips button,.sort-icon-menu .sort-icon-trigger,.library .media-card .collection-artwork,.library .media-card.playlist-new-tile .collection-artwork,button.create-option,.history .playlist-row,.sidebar-list button.sidebar-destination{transition:none}.library-pane,.library-pane :is(.collection-grid,.collection-list)>li,.library-pane .history-day{animation:none}}.downloads-note{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--type-meta);flex-wrap:wrap;display:flex}.downloads-confirm{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.downloads-confirm p{flex-basis:100%;margin:0}.downloads-tools{margin-block:0 var(--space-3);justify-content:flex-end;display:flex}.playlist-page,.search{--page-gutter:0px}@media (width>=900px){.playlist-page,.search{--page-gutter:clamp(0px, 3vw - 12px, 28px)}}.playlist-page>:not(header):not(dialog){margin-inline:var(--page-gutter)}.playlist-page{--playlist-hero-fallback:color-mix(in srgb, var(--brand) 14%, var(--surface-panel))}.playlist-page .playlist-hero{padding-inline:calc(20px + var(--page-gutter));background:radial-gradient(120% 95% at 50% 0%, color-mix(in srgb, var(--hero-color,var(--playlist-hero-fallback)) 45%, transparent), transparent 72%), linear-gradient(to bottom, color-mix(in srgb, var(--hero-color,var(--playlist-hero-fallback)) 22%, var(--surface-page)), var(--surface-page))}.playlist-page .entity-hero-copy{animation:.42s ease-out backwards playlist-fade}.entity-hero-kicker{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.entity-hero-kicker .entity-hero-kind{margin:0}.playlist-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);font-size:var(--type-small);letter-spacing:.02em;font-weight:600;display:inline-flex}.entity-hero-description{max-inline-size:60ch;margin-block:var(--space-2) 0;-webkit-line-clamp:2;color:var(--text-muted);font-size:var(--type-body);overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.playlist-page .entity-hero-meta{align-items:center;gap:0 var(--space-1);flex-wrap:wrap;display:flex}.playlist-avatar{margin-inline-end:var(--space-1)}.playlist-creator{font-weight:600}.entity-hero-art[data-editable=true]{cursor:pointer;position:relative}.entity-hero-art[data-editable=true]:after{content:"";border-radius:var(--radius-card-art);background:var(--surface-scrim);opacity:0;transition:opacity var(--motion-state) ease;pointer-events:none;position:absolute;inset:0}.entity-hero-art[data-editable=true]:before{content:"";z-index:1;background:var(--text-primary);opacity:0;block-size:48px;inline-size:48px;transition:opacity var(--motion-state) ease;pointer-events:none;margin-block-start:-24px;margin-inline-start:-24px;position:absolute;inset-block-start:50%;inset-inline-start:50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5l1-4.2L15.8 5a2 2 0 0 1 2.8 0l.4.4a2 2 0 0 1 0 2.8L8.7 18.5l-4.2 1z'/%3E%3Cpath d='M13.8 7l3.2 3.2'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5l1-4.2L15.8 5a2 2 0 0 1 2.8 0l.4.4a2 2 0 0 1 0 2.8L8.7 18.5l-4.2 1z'/%3E%3Cpath d='M13.8 7l3.2 3.2'/%3E%3C/svg%3E") 50%/contain no-repeat}@media (hover:hover){.entity-hero-art[data-editable=true]:hover:before,.entity-hero-art[data-editable=true]:hover:after{opacity:1}}.action-bar-end{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.find-field{align-items:center;display:inline-flex;position:relative}.find-field-icon{color:var(--text-muted);pointer-events:none;position:absolute;inset-inline-start:12px}.find-field input{border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);min-block-size:36px;inline-size:200px;color:var(--text-primary);font:inherit;font-size:var(--type-body);transition:border-color var(--motion-state) ease, inline-size var(--motion-overlay) ease;padding-inline:36px 12px}.find-field input:focus{border-color:var(--accent-500);inline-size:240px}.find-field input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.action-bar .sort-menu .sort-menu-trigger{min-block-size:36px;font-size:var(--type-body)}.playlist-edit-toggle{align-items:center;gap:var(--space-2);min-block-size:36px;padding-inline:var(--space-3) var(--space-4);border-radius:var(--radius-round);font-weight:600;display:inline-flex}.playlist-edit-toggle[data-tone=quiet]{border:1px solid var(--border-glass);background:var(--surface-glass)}.playlist-page .share-link{color:var(--text-muted);max-inline-size:calc(100% - 2 * var(--page-gutter));margin-block:0 var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);display:inline-flex}.playlist-notice{color:var(--text-muted);font-size:var(--type-meta);margin-block:0}.playlist-notice:not(:empty){margin-block:0 var(--space-2)}.playlist-edit-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-block:0 var(--space-3);padding-block:var(--space-2);padding-inline:var(--space-4) var(--space-2);border:1px solid var(--border-glass);border-radius:var(--radius-card);background:var(--surface-glass);flex-wrap:wrap;animation:.2s ease-out backwards playlist-fade;display:flex}.playlist-edit-bar p{color:var(--text-muted);font-size:var(--type-meta);margin:0}.playlist-page{--playlist-actions:92px;--playlist-columns:40px 40px minmax(0, 5fr) minmax(0, 3fr) 56px var(--playlist-actions)}.playlist-page[data-editing=reorder]{--playlist-actions:184px}.playlist-page[data-editing=remove]{--playlist-actions:44px}.playlist-page .playlist-head,.playlist-page .playlist-row{grid-template-columns:var(--playlist-columns);column-gap:var(--space-3);align-items:center;display:grid}.playlist-page .playlist-head{min-block-size:36px;padding-inline:var(--space-2);border-block-end:1px solid var(--border-row);color:var(--text-muted);font-size:var(--type-small);letter-spacing:.06em;text-transform:uppercase;margin-block-end:var(--space-2);font-weight:600}.playlist-head-index{text-align:center}.playlist-head-title{grid-column:2/span 2}.playlist-head-time{justify-content:flex-end;display:flex}.playlist-page .playlist-items{gap:2px}.playlist-page .playlist-row{min-block-size:56px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);transition:background-color var(--motion-state) ease;animation:.36s ease-out backwards playlist-fade}.playlist-page .playlist-row:nth-child(2){animation-delay:25ms}.playlist-page .playlist-row:nth-child(3){animation-delay:50ms}.playlist-page .playlist-row:nth-child(4){animation-delay:75ms}.playlist-page .playlist-row:nth-child(5){animation-delay:.1s}.playlist-page .playlist-row:nth-child(6){animation-delay:.125s}.playlist-page .playlist-row:nth-child(7){animation-delay:.15s}.playlist-page .playlist-row:nth-child(n+8){animation-delay:.175s}.playlist-row-index{color:var(--text-muted);font-variant-numeric:tabular-nums;place-items:center;display:grid}.playlist-row-play{block-size:36px;inline-size:36px;color:inherit;font:inherit;font-size:var(--type-body);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.playlist-row-play>*{grid-area:1/1}.playlist-row-play-icon{color:var(--text-primary);opacity:0;transition:opacity var(--motion-state) ease}.playlist-row-play:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:0}@media (hover:hover){.playlist-page .playlist-row:not(.unplayable):hover .playlist-row-play-icon,.playlist-row-play:focus-visible .playlist-row-play-icon{opacity:1}.playlist-page .playlist-row:not(.unplayable):hover .playlist-row-play>:not(.playlist-row-play-icon),.playlist-row-play:focus-visible>:not(.playlist-row-play-icon){opacity:0}}.playlist-page .playlist-row .cover{border-radius:var(--radius-compact)}.playlist-page .playlist-row-info{gap:2px}.playlist-page .playlist-row-title{color:var(--text-primary);font-size:.9375rem;font-weight:500}.playlist-page .playlist-row-sub{font-size:var(--type-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-row-sub-album{display:none}.playlist-row-album,.playlist-row-time{color:var(--text-muted);font-size:var(--type-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-row-time{font-variant-numeric:tabular-nums;text-align:end}.playlist-page .playlist-row.is-current .playlist-row-title,.playlist-page .playlist-row.is-current .playlist-row-play{color:var(--state-playing)}.playlist-page .playlist-row.unplayable .playlist-row-title,.playlist-page .playlist-row.unplayable .playlist-row-album,.playlist-page .playlist-row.unplayable .playlist-row-time{color:var(--text-disabled)}.playlist-row-menu{justify-content:flex-end;align-items:center;gap:2px;display:flex}.playlist-row-menu .like-button,.playlist-row-menu .row-menu-trigger{border-radius:50%;place-items:center;min-block-size:44px;min-inline-size:44px;font-size:18px;display:inline-grid}@media (hover:hover){.playlist-row-menu .like-button:not([aria-pressed=true]),.playlist-row-menu .row-menu-trigger{opacity:0;transition:opacity var(--motion-state) ease}.playlist-page .playlist-row:hover .playlist-row-menu>*,.playlist-page .playlist-row:focus-within .playlist-row-menu>*,.playlist-row-menu .row-menu-trigger[aria-expanded=true]{opacity:1}}.menu-item-danger:not(:disabled){color:var(--text-danger)}.playlist-page .playlist-row-actions{justify-content:flex-end;gap:2px;animation:.18s ease-out backwards playlist-fade}.playlist-page .playlist-row-actions button{border-radius:var(--radius-control);color:var(--text-muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.playlist-page .playlist-row-actions button:hover:not(:disabled){background:var(--surface-glass);color:var(--text-primary)}}.playlist-page .playlist-row-actions button:disabled{opacity:.35}.playlist-page .playlist-row-actions .playlist-remove:not(:disabled){color:var(--text-danger)}@media (hover:none) and (pointer:coarse){.playlist-page .playlist-row-actions .playlist-drag-handle{display:none}}.playlist-page[data-editing] .playlist-row{cursor:default}.playlist-page[data-editing] .playlist-row.unplayable{cursor:not-allowed}@media (width<=899px){.playlist-page{--playlist-actions:44px;--playlist-columns:40px minmax(0, 1fr) var(--playlist-actions)}.playlist-page[data-editing=reorder]{--playlist-actions:136px}.playlist-page .playlist-head,.playlist-row-index,.playlist-row-album,.playlist-row-time,.playlist-row-menu .like-button{display:none}.playlist-row-sub-album{display:inline}.playlist-page .entity-hero-kicker,.playlist-page .entity-hero-meta{justify-content:center}.playlist-page .entity-hero-description{margin-inline:auto}.playlist-page .action-bar-end{display:contents}.playlist-edit-toggle{order:1;min-block-size:44px;margin-inline-start:auto}.playlist-find{flex:140px;order:2}.playlist-page .action-bar .sort-menu{flex:none;order:3}.action-bar .sort-menu .sort-menu-trigger{min-block-size:44px}.playlist-find input,.playlist-find input:focus{min-block-size:44px;inline-size:100%}}.playlist-recs{margin-block:var(--space-6) var(--space-4);padding:var(--space-3);border-radius:var(--radius-card);background:var(--surface-glass)}.playlist-recs-head{align-items:baseline;gap:0 var(--space-3);padding-inline:var(--space-2) 0;flex-wrap:wrap;margin-block-end:var(--space-2);display:flex}.playlist-recs-title{flex:auto;min-inline-size:0;margin:0;font-size:1.125rem;font-weight:700}.playlist-recs-basis{color:var(--text-muted);font-size:var(--type-meta)}.playlist-recs-refresh{min-block-size:36px;padding-inline:var(--space-2);border-radius:var(--radius-round);color:var(--brand);font:inherit;font-size:var(--type-meta);cursor:pointer;background:0 0;border:0;font-weight:600}@media (hover:hover){.playlist-recs-refresh:hover{text-decoration:underline}}.playlist-recs-refresh:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:0}.playlist-recs-note{padding:var(--space-3) var(--space-2);color:var(--text-muted);font-size:var(--type-body);margin:0}.playlist-recs .skeleton-group{padding-inline:var(--space-2)}.playlist-recs-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.playlist-rec{column-gap:var(--space-3);min-block-size:56px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--motion-state) ease;grid-template-columns:40px minmax(0,5fr) minmax(0,3fr) auto;align-items:center;animation:.3s ease-out backwards playlist-fade;display:grid}@media (hover:hover){.playlist-rec:hover{background:var(--surface-row-hover)}}.playlist-rec-play{border-radius:var(--radius-compact);block-size:40px;inline-size:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.playlist-rec-play>*{grid-area:1/1}.playlist-rec-play .cover{border-radius:var(--radius-compact);transition:opacity var(--motion-state) ease}.playlist-rec-play-icon{opacity:0;transition:opacity var(--motion-state) ease}.playlist-rec-play:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.playlist-rec-play:focus-visible .playlist-rec-play-icon{opacity:1}.playlist-rec-play:focus-visible .cover{opacity:.45}@media (hover:hover){.playlist-rec:hover .playlist-rec-play-icon{opacity:1}.playlist-rec:hover .playlist-rec-play .cover{opacity:.45}}.playlist-rec-info{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.playlist-rec-title,.playlist-rec-sub,.playlist-rec-album{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-rec-title{color:var(--text-primary);font-size:.9375rem;font-weight:500}.playlist-rec-sub,.playlist-rec-album{color:var(--text-muted);font-size:var(--type-meta)}.playlist-rec-sub-album{display:none}.playlist-rec.is-current .playlist-rec-title{color:var(--state-playing)}.playlist-rec-add{min-block-size:32px;min-inline-size:64px;padding-inline:var(--space-4);border:1px solid var(--border-control);border-radius:var(--radius-round);color:var(--text-primary);font:inherit;font-size:var(--type-meta);cursor:pointer;transition:border-color var(--motion-state) ease, background-color var(--motion-state) ease;background:0 0;font-weight:600}@media (hover:hover){.playlist-rec-add:hover:not(:disabled){border-color:var(--text-primary);background:var(--surface-control-hover)}}.playlist-rec-add:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.playlist-rec-add:disabled{opacity:.5;cursor:default}@media (width<=899px){.playlist-rec{grid-template-columns:40px minmax(0,1fr) auto}.playlist-rec-album{display:none}.playlist-rec-sub-album{display:inline}.playlist-rec-add,.playlist-recs-refresh{min-block-size:44px}}@media (width<=599px){.playlist-recs-basis{flex-basis:100%;order:1}}.playlist-details{inline-size:min(560px,100vw - 32px)}.playlist-details-form{gap:var(--space-4) var(--space-5);grid-template-columns:180px minmax(0,1fr);display:grid}.playlist-details-cover{align-items:stretch;gap:var(--space-2);flex-direction:column;display:flex}.playlist-details-art{border-radius:var(--radius-card-art);block-size:180px;inline-size:180px;box-shadow:var(--shadow-art);overflow:hidden}.playlist-details-art>img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.playlist-details-choose,.playlist-details-remove{border-radius:var(--radius-round);justify-content:center;min-block-size:36px}.playlist-details-choose{align-items:center;gap:var(--space-2);display:inline-flex}.playlist-details-fields{gap:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}.playlist-details-field{gap:var(--space-1);flex-direction:column;display:flex}.playlist-details-field>span:first-child{color:var(--text-muted);font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.playlist-details-field input,.playlist-details-field textarea{box-sizing:border-box;min-block-size:44px;inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-control);background:var(--surface-glass);color:var(--text-primary);font:inherit;resize:vertical}.playlist-details-field input:focus,.playlist-details-field textarea:focus{border-color:var(--accent-500)}.playlist-details-count{color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums;align-self:flex-end}.playlist-details-error{grid-column:1/-1;margin:0}.playlist-details-actions{justify-content:flex-end;gap:var(--space-2);grid-column:1/-1;display:flex}.playlist-details-actions>*{border-radius:var(--radius-round);min-block-size:44px;min-inline-size:96px}@media (width<=599px){.playlist-details-form{grid-template-columns:minmax(0,1fr)}.playlist-details-cover{align-items:center}.playlist-details-choose,.playlist-details-remove{min-block-size:44px;inline-size:180px}}@keyframes playlist-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.playlist-page .entity-hero-copy,.playlist-page .playlist-row,.playlist-page .playlist-row-actions,.playlist-edit-bar,.playlist-rec{animation:none}.playlist-page .playlist-row,.playlist-rec,.playlist-rec-play .cover,.playlist-rec-play-icon,.playlist-rec-add,.playlist-row-play-icon,.playlist-row-menu .like-button,.playlist-row-menu .row-menu-trigger,.find-field input,.entity-hero-art[data-editable=true]:before,.entity-hero-art[data-editable=true]:after{transition:none}}.search{max-inline-size:calc(1440px + 2 * var(--page-gutter));padding-inline:var(--page-gutter)}.search .search-field{max-inline-size:36rem;margin-block:var(--space-3) var(--space-6)}.search .search-field .search-box{border-color:var(--border-glass);max-inline-size:none;transition:border-color var(--motion-state) ease, background-color var(--motion-state) ease;padding-inline:48px}.search .search-field .search-box:hover{border-color:var(--border-control)}.search .search-field .search-box:focus{background:var(--surface-raised);border-color:#0000}.search .search-field .search-box:focus-visible{outline-offset:2px}.search .search-field .search-box::-webkit-search-cancel-button{appearance:none;display:none}.search-field-clear{background:var(--surface-glass);block-size:32px;inline-size:32px;color:var(--text-muted);border:0;border-radius:50%;place-items:center;margin-block-start:-16px;padding:0;animation:.16s ease-out backwards search-fade;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-2)}@media (hover:hover){.search-field-clear:hover{background:var(--surface-control);color:var(--text-primary)}}.search-recent{margin-block:0 var(--space-8);animation:.26s ease-out backwards search-fade}.search-recent-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.search-recent-head h2.display{font-size:var(--type-section);margin:0}.search-recent-clear{min-block-size:36px;padding-inline:var(--space-3);border-radius:var(--radius-round);color:var(--text-muted);font:inherit;font-size:var(--type-meta);background:0 0;border:0;font-weight:600}@media (hover:hover){.search-recent-clear:hover{color:var(--text-primary)}}.search-recent-list{gap:var(--space-2);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.search-recent-chip{border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);max-inline-size:100%;transition:border-color var(--motion-state) ease;align-items:center;display:inline-flex}@media (hover:hover){.search-recent-chip:hover{border-color:var(--border-control)}}.search-recent-open{align-items:center;gap:var(--space-2);min-block-size:36px;min-inline-size:0;padding-inline:var(--space-3) var(--space-1);border-radius:var(--radius-round);color:var(--text-primary);font:inherit;font-size:var(--type-body);background:0 0;border:0;display:inline-flex}.search-recent-open>.icon{color:var(--text-muted);flex:none}.search-recent-open>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-recent-forget{block-size:32px;inline-size:32px;color:var(--text-muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-inline-end:2px;padding:0;display:grid}@media (hover:hover){.search-recent-forget:hover{background:var(--surface-control);color:var(--text-primary)}}.search-recent :is(button):focus-visible,.search-field-clear:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.search .browse-all>h2.display{margin-block:0 var(--space-4);font-size:clamp(1.5rem,1.1rem + 1vw,2rem)}.search .browse-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.search .browse-grid>li{animation:search-rise .46s var(--ease-out) backwards;animation-delay:calc(min(var(--i,0), 12) * 35ms)}.search .browse-tile{isolation:isolate;aspect-ratio:16/10;min-block-size:140px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);background:radial-gradient(120% 110% at 0% 0%, color-mix(in srgb, var(--text-primary) 16%, transparent), transparent 58%), var(--tile);box-shadow:0 1px 0 var(--white-alpha-12) inset;letter-spacing:-.01em;transition:transform var(--motion-overlay) cubic-bezier(.2, .8, .2, 1), box-shadow var(--motion-overlay) ease;font-size:1.375rem;position:relative}.browse-tile-name{z-index:1;max-inline-size:72%;line-height:1.15;position:relative}.browse-tile-art{z-index:0;aspect-ratio:1;border-radius:var(--radius-card-art);object-fit:cover;inline-size:46%;box-shadow:0 10px 24px var(--black-alpha-40);transition:transform var(--motion-overlay) cubic-bezier(.2, .8, .2, 1);position:absolute;inset-block-end:-6%;inset-inline-end:-7%;transform:rotate(25deg)}.browse-tile:dir(rtl) .browse-tile-art{transform:rotate(-25deg)}.browse-tile-glyph{color:var(--text-primary);opacity:.45;position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-4)}@media (hover:hover){.search .browse-tile:hover{box-shadow:0 1px 0 var(--white-alpha-12) inset, 0 14px 30px var(--black-alpha-40);transform:translateY(-3px)}.search .browse-tile:hover .browse-tile-art{transform:rotate(16deg)scale(1.06)}.search .browse-tile:dir(rtl):hover .browse-tile-art{transform:rotate(-16deg)scale(1.06)}}.search .browse-tile:active{transform:scale(.98)}.search-explore{margin-block-start:var(--space-8);animation:.42s ease-out .12s backwards search-fade}@media (width<=899px){.search .search-field{margin-block:0 var(--space-5)}.search .browse-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.search .browse-tile{min-block-size:100px;padding:var(--space-3);font-size:1.0625rem}.search-recent-open,.search-recent-clear{min-block-size:44px}.search-recent-forget,.search-field-clear{block-size:44px;inline-size:44px}.search-field-clear{margin-block-start:-22px;inset-inline-end:2px}}@keyframes search-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes search-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.search .browse-grid>li,.search-recent,.search-explore,.search-field-clear{animation:none}.search .search-field .search-box,.search .browse-tile,.browse-tile-art,.search-recent-chip{transition:none}}.track-menu .row-menu-trigger{color:var(--text-muted);transition:background-color var(--motion-state) ease, color var(--motion-state) ease;border-radius:50%;place-items:center;padding:0;display:inline-grid}@media (width>=900px) and (pointer:fine){.track-row .track-menu .row-menu-trigger{min-block-size:32px;min-inline-size:32px}}@media (hover:hover){.track-menu .row-menu-trigger:hover{background:var(--surface-control-hover);color:var(--text-primary)}}.track-menu .row-menu-trigger[aria-expanded=true]{background:var(--surface-control);color:var(--text-primary)}.menu-surface-panel.track-menu-panel{z-index:30;inline-size:min(300px,100vw - 16px);min-inline-size:0;padding:var(--space-1);border-color:var(--border-glass);background:var(--surface-raised);box-shadow:var(--shadow-glass);color:var(--text-primary);font-size:var(--type-body);white-space:normal;text-align:start;cursor:default;overscroll-behavior:contain;border-radius:14px;gap:0;font-style:normal;animation:.16s cubic-bezier(.2,.8,.2,1) track-menu-in}.menu-surface-panel.track-menu-panel[data-placement=above]{animation-name:track-menu-in-above}@media (width>=701px){.action-more .menu-surface-panel.track-menu-panel{inset-inline:0 auto}}.track-menu-body,.track-menu-page,.track-menu-group,.track-menu-scroll{flex-direction:column;min-inline-size:0;display:flex}.track-menu-grab{display:none}.track-menu-head{align-items:center;gap:var(--space-3);padding-block:var(--space-2);padding-inline:var(--space-2);border-block-end:1px solid var(--border-glass);margin-block-end:var(--space-1);display:flex}.track-menu-art{border-radius:var(--radius-compact);flex:none;line-height:0;display:block;overflow:hidden}.track-menu-head .track-menu-art{box-shadow:0 4px 12px var(--black-alpha-40);border-radius:8px}.track-menu-head-text{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.track-menu-head-title,.track-menu-head-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-menu-head-title{font-size:.9375rem;font-weight:600}.track-menu-head-sub{color:var(--text-muted);font-size:var(--type-meta)}.track-menu-panel .track-menu-item{align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:var(--control-height-touch);padding-block:0;padding-inline:var(--space-3);color:var(--text-primary);font:inherit;font-size:var(--type-body);text-align:start;transition:background-color var(--motion-state) ease;background:0 0;border:0;border-radius:8px;font-weight:500;display:flex}@media (width>=900px) and (pointer:fine){.track-menu-panel .track-menu-item{min-block-size:36px}}.track-menu-icon,.track-menu-chevron{color:var(--text-muted);transition:color var(--motion-state) ease;flex:none}.track-menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.track-menu-detail{color:var(--text-muted);font-size:var(--type-meta);flex:none;align-items:center;gap:4px;font-weight:400;display:inline-flex}@media (hover:hover){.track-menu-panel .track-menu-item:hover:not(:disabled){background:var(--surface-control-hover)}.track-menu-item:hover:not(:disabled) .track-menu-icon,.track-menu-item:hover:not(:disabled) .track-menu-chevron{color:var(--text-primary)}}.track-menu-panel .track-menu-item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.track-menu-panel .track-menu-item:active:not(:disabled){background:var(--surface-control)}.track-menu-panel .track-menu-item:disabled{opacity:.5;cursor:default}.track-menu-panel .track-menu-liked:not(:disabled) .track-menu-icon{color:var(--brand)}.track-menu-panel .menu-item-danger:not(:disabled),.track-menu-panel .menu-item-danger:not(:disabled) .track-menu-icon{color:var(--text-danger)}.track-menu-detail .icon{color:var(--brand)}.track-menu-separator{block-size:1px;margin-block:var(--space-1);margin-inline:var(--space-2);background:var(--border-glass);flex:none;display:block}.track-menu-back{color:var(--text-muted)}.track-menu-scroll{overscroll-behavior:contain;max-block-size:min(50vh,320px);overflow-y:auto}.track-menu-playlist .track-menu-art{block-size:32px;inline-size:32px}.track-menu-playlist .track-menu-art .cover{object-fit:cover;block-size:32px;inline-size:32px}.track-menu-note{padding-block:var(--space-2);padding-inline:var(--space-3);color:var(--text-muted);font-size:var(--type-meta)}.track-menu-filter{align-items:center;gap:var(--space-2);min-block-size:32px;margin-block:var(--space-1);margin-inline:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-muted);font-size:var(--type-meta);display:flex}.track-menu-filter[data-active=true]{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--accent-500)}@media (pointer:coarse){.track-menu-filter[data-active=false]{display:none}}.track-menu-page{--track-menu-shift:14px}.track-menu-page:dir(rtl){--track-menu-shift:-14px}.track-menu-page[data-direction=forward]{animation:.2s cubic-bezier(.2,.8,.2,1) track-menu-page}.track-menu-page[data-direction=back]{animation:.2s cubic-bezier(.2,.8,.2,1) track-menu-page-back}.menu-surface-scrim{display:none}@media (width<=700px){.menu-surface-scrim{z-index:60;background:var(--surface-scrim);cursor:default;touch-action:none;animation:.22s ease-out track-menu-fade;display:block;position:fixed;inset:0}.menu-surface-panel.track-menu-panel{z-index:61;inset-block:auto calc(var(--space-2) + env(safe-area-inset-bottom));inset-inline:var(--space-2);max-block-size:calc(100dvh - 64px);inline-size:auto;max-inline-size:none;padding-block:var(--space-2);padding-inline:var(--space-2);border-radius:22px;animation:.28s cubic-bezier(.2,.8,.2,1) track-menu-sheet;position:fixed;overflow-y:auto}.track-menu-grab{block-size:4px;inline-size:36px;background:var(--border-control);border-radius:2px;flex:none;align-self:center;margin-block-end:var(--space-2);display:block}.track-menu-head{padding-block:0 var(--space-3)}.track-menu-panel .track-menu-item{min-block-size:48px;font-size:1rem}.track-menu-scroll{max-block-size:45dvh}}@media (pointer:coarse){.track-row,.playlist-row,.queue-row,.queue-current,.playlist-rec,.player-bar .now-playing,.now-playing-panel .playback-artwork,.now-playing-panel-info,.stats-spotlight,.media-card,.search-top-result,.library-panel-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.track-row .artist-link{pointer-events:none}}@keyframes track-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes track-menu-in-above{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes track-menu-sheet{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes track-menu-fade{0%{opacity:0}to{opacity:1}}@keyframes track-menu-page{0%{opacity:0;transform:translateX(var(--track-menu-shift))}to{opacity:1;transform:none}}@keyframes track-menu-page-back{0%{opacity:0;transform:translateX(calc(-1 * var(--track-menu-shift)))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.menu-surface-panel.track-menu-panel,.menu-surface-scrim,.track-menu-page[data-direction]{animation:none}.track-menu .row-menu-trigger,.track-menu-panel .track-menu-item,.track-menu-icon,.track-menu-chevron{transition:none}}.now-playing-panel-actions{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.menu-trigger-hidden{clip-path:inset(50%);border:0;block-size:1px;min-block-size:0;inline-size:1px;min-inline-size:0;padding:0;position:absolute;overflow:hidden}.menu-surface--floating{block-size:1px;inline-size:1px;position:absolute}.playback-options{align-items:center;gap:var(--space-2);flex-direction:column;inline-size:100%;max-inline-size:380px;display:flex}.playback-options-row{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.playback-option{align-items:center;gap:var(--space-2);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);transition:border-color var(--motion-state) ease;padding-inline-start:var(--space-3);display:inline-flex;position:relative}.playback-option:hover{border-color:var(--text-muted)}.playback-option[data-active]{border-color:var(--accent-500)}.playback-option-icon{color:var(--accent-400);flex:none}.playback-option select{min-block-size:40px;padding-inline:0 var(--space-8);border-radius:var(--radius-round);color:inherit;font:inherit;font-size:var(--type-meta);appearance:none;cursor:pointer;background:0 0;border:0;font-weight:600}.playback-option select option{background:var(--surface-panel);color:var(--text-primary)}.playback-option:after{content:"";border-block-end:2px solid var(--text-muted);border-inline-end:2px solid var(--text-muted);pointer-events:none;block-size:6px;inline-size:6px;margin-block-start:-5px;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-4);transform:rotate(45deg)}[dir=rtl] .playback-option:after{transform:rotate(-45deg)}.playback-option:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.playback-option select:focus-visible{outline:none}.playback-options-timer{color:var(--brand);font-size:var(--type-meta);font-variant-numeric:tabular-nums;margin:0}.playback-switch{align-items:center;gap:var(--space-2);min-block-size:40px;padding-inline:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-round);color:var(--text-muted);font:inherit;font-size:var(--type-meta);cursor:pointer;transition:color var(--motion-state) ease, border-color var(--motion-state) ease;background:0 0;font-weight:600;display:inline-flex}.playback-switch[aria-pressed=true]{color:var(--text-primary)}@media (hover:hover){.playback-switch:hover{border-color:var(--text-muted)}}.playback-switch:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.playback-switch-track{background:var(--surface-control);block-size:16px;inline-size:28px;transition:background-color var(--motion-state) ease;border-radius:8px;flex:none;position:relative}.playback-switch[aria-pressed=true] .playback-switch-track{background:var(--accent-500)}.playback-switch-thumb{background:var(--text-primary);block-size:12px;inline-size:12px;transition:inset-inline-start var(--motion-state) ease;border-radius:50%;position:absolute;inset-block-start:2px;inset-inline-start:2px}.playback-switch[aria-pressed=true] .playback-switch-thumb{inset-inline-start:14px}@media (width<=899px),(pointer:coarse){.playback-option select,.playback-switch{min-block-size:44px}}@media (prefers-reduced-motion:reduce){.playback-option,.playback-switch,.playback-switch-track,.playback-switch-thumb{transition:none}}.stats{gap:var(--space-6);flex-direction:column;padding-block-end:var(--space-8);display:flex}.stats-hero{gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-panel);background:radial-gradient(120% 140% at 0% 0%, var(--aurora-violet), transparent 60%), radial-gradient(100% 120% at 100% 100%, var(--aurora-accent), transparent 55%), var(--surface-glass);flex-direction:column;display:flex}.stats-hero h1{margin:0;font-size:clamp(2rem,3vw + 1rem,3.5rem);line-height:1.05}.stats-eyebrow{align-items:center;gap:var(--space-2);color:var(--brand);font-size:var(--type-meta);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700;display:inline-flex}.stats-range{color:var(--text-muted);font-size:var(--type-body);margin:0}.stats-periods{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.stats-periods button{min-block-size:var(--control-height-compact);padding-inline:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);transition:background-color var(--motion-state) ease, color var(--motion-state) ease, border-color var(--motion-state) ease}.stats-periods button:hover{border-color:var(--text-muted)}.stats-periods button[aria-pressed=true]{border-color:var(--text-primary);background:var(--text-primary);color:var(--surface-page)}.stats-body{gap:var(--space-8);flex-direction:column;display:flex}.stats-totals{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.stats-total{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-card);background:var(--surface-glass);flex-direction:column-reverse;display:flex}.stats-total dt{color:var(--text-muted);font-size:var(--type-meta)}.stats-total dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.5rem,1rem + 1.5vw,2.25rem);font-weight:700;line-height:1.1}.stats-total:first-child dd{color:var(--brand)}.stats-spotlight{align-items:center;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-panel);background:linear-gradient(135deg, var(--brand-wash), transparent 70%), var(--surface-glass);display:flex}.stats-spotlight-art{border-radius:var(--radius-card-art);block-size:200px;inline-size:200px;box-shadow:var(--shadow-art);flex:none;overflow:hidden}.stats-spotlight-art :is(img,.cover-placeholder){block-size:100%;inline-size:100%}.stats-spotlight-copy{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.stats-spotlight-copy h2{font-size:var(--type-meta)}.stats-spotlight-title{overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,1rem + 2vw,2.5rem);font-weight:700;line-height:1.1}.stats-spotlight-artist{color:var(--text-primary);font-size:var(--type-section);margin:0}.stats-spotlight-meta{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--type-body);font-variant-numeric:tabular-nums}.stats-spotlight-copy .control-button{align-items:center;gap:var(--space-2);display:inline-flex}.stats-section>h2.display,.stats-chart>h2.display{margin:0 0 var(--space-3);font-size:var(--type-section)}.stats-rank{color:var(--brand);font-variant-numeric:tabular-nums}.stats-charts{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stats-chart{min-inline-size:0;padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-card);background:var(--surface-glass);flex-direction:column;display:flex}.stats-chart-wide{grid-column:1/-1}.stats-chart-note{margin:calc(-1 * var(--space-2)) 0 var(--space-4);color:var(--text-muted);font-size:var(--type-body)}.stats-bars{block-size:140px;padding:0 0 var(--space-5);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:3px;margin:0;list-style:none;display:grid}.stats-bars>li{align-items:flex-end;block-size:100%;display:flex;position:relative}.stats-bar{inline-size:100%;block-size:max(3px, calc(var(--share,0) * 100%));background:var(--accent-700);transition:block-size var(--motion-overlay) ease;border-radius:3px 3px 1px 1px}.stats-bars>li[data-empty] .stats-bar{background:var(--surface-control-hover)}.stats-bars>li[data-peak] .stats-bar{background:var(--brand);box-shadow:0 0 12px var(--brand-ring)}.stats-bar-label{color:var(--text-muted);font-size:var(--type-small);white-space:nowrap;margin-block-start:var(--space-1);position:absolute;inset-block-start:100%;inset-inline-start:0}.stats-bars-week{gap:var(--space-2)}.stats-bars-week .stats-bar-label,.stats-bars-timeline .stats-bar-label{text-align:center;inset-inline:0}.stats-bars-timeline>li{justify-content:center}.stats-bars-timeline .stats-bar{max-inline-size:48px}.stats-genres{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.stats-genres>li{gap:var(--space-1) var(--space-3);font-size:var(--type-body);grid-template-columns:minmax(0,1fr) auto;display:grid}.stats-genre-name{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;overflow:hidden}.stats-genre-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.stats-genre-bar{border-radius:var(--radius-round);background:var(--surface-control);grid-column:1/-1;block-size:6px;display:flex;overflow:hidden}.stats-genre-bar:after{content:"";inline-size:calc(var(--share,0) * 100%);border-radius:inherit;background:var(--brand)}.history-stats-link{align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:var(--control-height-prominent);padding-inline:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-card);background:linear-gradient(90deg, var(--brand-wash), transparent 80%), var(--surface-glass);color:var(--text-primary);font:inherit;text-align:start;cursor:pointer;margin-block-end:var(--space-4);font-weight:600;display:flex}.history-stats-link>span{flex:1}.history-stats-link>.icon:first-child{color:var(--brand)}.history-stats-link-arrow{color:var(--text-muted)}.history-stats-link:hover{border-color:var(--text-muted)}.history-stats-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (width<=899px){.stats-hero{padding:var(--space-5) var(--space-4)}.stats-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-spotlight{padding:var(--space-4);flex-direction:column;align-items:flex-start}.stats-spotlight-art{block-size:160px;inline-size:160px}.stats-charts{grid-template-columns:minmax(0,1fr)}.stats-chart{padding:var(--space-4)}.stats-bars{gap:2px;block-size:110px}}@media (width<=899px),(pointer:coarse){.stats-periods button{min-block-size:44px}}@media (prefers-reduced-motion:reduce){.stats-periods button,.stats-bar{transition:none}}.view-switch-icon{display:inline-flex}.playback-mode-lyrics .playback-queue-pane{display:none}.lyrics-pane{box-sizing:border-box;gap:var(--space-3);min-block-size:0;padding:var(--space-4) var(--space-4) var(--space-3);border:1px solid var(--border-glass);background:color-mix(in srgb, var(--surface-app) 45%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;display:flex}.lyrics-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.lyrics-header h2{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.15}.lyrics-header .control-button{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.lyrics-lines{scrollbar-width:none;min-block-size:0;-webkit-mask-image:linear-gradient(to bottom, transparent, var(--surface-page) 12%, var(--surface-page) 88%, transparent);mask-image:linear-gradient(to bottom, transparent, var(--surface-page) 12%, var(--surface-page) 88%, transparent);flex:1;margin:0;padding:25vh 0;list-style:none;position:relative;overflow-y:auto}.lyrics-lines::-webkit-scrollbar{display:none}.lyrics-lines li{margin:0}.lyrics-lines button{inline-size:100%;padding:var(--space-2) 0;color:var(--text-muted);font:inherit;font-family:var(--font-display);text-align:start;opacity:.55;cursor:pointer;transition:color var(--motion-overlay) ease, opacity var(--motion-overlay) ease;background:0 0;border:0;margin:0;font-size:clamp(1.3rem,1rem + 1.2vw,2rem);font-weight:700;line-height:1.25;display:block}.lyrics-lines li[data-state=sung] button{opacity:.3}.lyrics-lines li[data-state=now] button{color:var(--text-primary);opacity:1}@media (hover:hover){.lyrics-lines button:hover{color:var(--text-primary);opacity:.85}}.lyrics-lines button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-control)}.lyrics-gap{padding:var(--space-2) 0;color:var(--text-muted);opacity:.4;font-size:1.4rem;display:block}.lyrics-plain{white-space:pre-wrap;flex:1;min-block-size:0;font-size:clamp(1.05rem,.95rem + .4vw,1.25rem);line-height:1.7;overflow-y:auto}.lyrics-empty{align-content:center;justify-items:center;gap:var(--space-3);color:var(--text-muted);text-align:center;flex:1;margin:0;display:grid}.lyrics-empty p{margin:0}.lyrics-empty-art{background:var(--brand-wash-faint);block-size:72px;inline-size:72px;color:var(--accent-400);box-shadow:inset 0 0 0 1px var(--brand-ring);border-radius:50%;place-items:center;display:grid}.lyrics-credit{color:var(--text-muted);font-size:var(--type-small);margin:0}.lyrics-credit a{color:inherit}.lyrics-editor{gap:var(--space-2);flex-direction:column;flex:1;min-block-size:0;display:flex}.lyrics-editor label{color:var(--text-muted);font-size:var(--type-meta)}.lyrics-editor textarea{min-block-size:200px;padding:var(--space-3);border:1px solid var(--border-field);border-radius:var(--radius-control);background:var(--surface-field);color:var(--text-primary);font:inherit;resize:vertical;flex:1;line-height:1.5}.lyrics-editor textarea:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px}.lyrics-editor-error{color:var(--text-danger);font-size:var(--type-meta);margin:0}.lyrics-editor-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=899px){.playback-view-switch{justify-content:space-between;gap:var(--space-1);grid-template-columns:repeat(3,auto)}.playback-view-switch button{white-space:nowrap;padding-inline:6px}.playback-view-switch .view-switch-icon,.playback-mode-lyrics .now-playing-panel{display:none}.lyrics-pane{block-size:100%;padding:0 0 var(--space-3);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}.lyrics-lines button{min-block-size:44px}}@media (width<=359px){.playback-view-switch button{font-size:var(--type-meta);padding-inline:4px}}@media (prefers-reduced-motion:reduce){.lyrics-lines button{transition:none}}@property --glow-a{syntax:"<color>";inherits:true;initial-value:#0000}@property --glow-b{syntax:"<color>";inherits:true;initial-value:#0000}.beat-glow{--glow-a:var(--glow-brand-a);--glow-b:var(--glow-brand-b);pointer-events:none;transition:--glow-a .9s,--glow-b .9s}.beat-glow[data-family=electronic]{--glow-a:var(--glow-electronic-a);--glow-b:var(--glow-electronic-b)}.beat-glow[data-family=rock]{--glow-a:var(--glow-rock-a);--glow-b:var(--glow-rock-b)}.beat-glow[data-family=hiphop]{--glow-a:var(--glow-hiphop-a);--glow-b:var(--glow-hiphop-b)}.beat-glow[data-family=pop]{--glow-a:var(--glow-pop-a);--glow-b:var(--glow-pop-b)}.beat-glow[data-family=jazz]{--glow-a:var(--glow-jazz-a);--glow-b:var(--glow-jazz-b)}.beat-glow[data-family=classical]{--glow-a:var(--glow-classical-a);--glow-b:var(--glow-classical-b)}.beat-glow[data-family=folk]{--glow-a:var(--glow-folk-a);--glow-b:var(--glow-folk-b)}.beat-glow[data-family=persian]{--glow-a:var(--glow-persian-a);--glow-b:var(--glow-persian-b)}.beat-glow[data-family=chill]{--glow-a:var(--glow-chill-a);--glow-b:var(--glow-chill-b)}.beat-glow[data-cover=true]{--glow-a:var(--glow-cover)}.beat-glow-light{opacity:var(--glow-rest);transform-origin:50% 0;position:absolute;inset:0}.beat-glow:dir(rtl) .beat-glow-light{scale:-1 1}.beat-glow-orb{inline-size:90%;block-size:var(--glow-orb-size,110%);border-radius:50%;position:absolute;inset-block-start:var(--glow-orb-top,-50%);inset-inline-start:5%}.beat-glow-orb-a{background:radial-gradient(closest-side, color-mix(in srgb, var(--glow-a) var(--glow-mix-a), transparent), transparent);translate:calc(-1 * var(--glow-orbit-x)) 0}.beat-glow-orb-b{background:radial-gradient(closest-side, color-mix(in srgb, var(--glow-b) var(--glow-mix-b), transparent), transparent);translate:var(--glow-orbit-x) 0}.beat-glow[data-glow=pulse] .beat-glow-light,.beat-glow[data-glow=breathe] .beat-glow-light{will-change:opacity, transform}.home,.home>:not(.beat-glow){position:relative}.beat-glow-home{inset-block-start:calc(-1 * var(--space-8));inset-inline:calc(-1 * var(--space-5));block-size:460px;translate:0 var(--glow-follow,0px);position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 96px);mask-image:linear-gradient(#0000,#000 96px)}.beat-glow-sheet{--glow-orb-size:70%;--glow-orb-top:65%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 25%,#000 70%);mask-image:linear-gradient(#0000 25%,#000 70%)}.beat-glow-sheet .beat-glow-light{transform-origin:50% 100%}.stats-hero-actions{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.stats-hero-actions>.stats-periods{margin-block-start:0}.stats-share.control-button{padding-inline:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);margin-inline-start:auto;font-weight:600}.stats-share .icon{color:var(--brand)}@media (hover:hover){.stats-share.control-button:hover:not(:disabled){border-color:var(--text-muted);background:var(--surface-glass)}}@media (width<=899px),(pointer:coarse){.stats-share.control-button{min-block-size:var(--control-height-touch)}}@media (width<=899px){.stats-share.control-button{margin-inline-start:0}}.stats-share[aria-busy=true] .icon{animation:.8s ease-in-out infinite alternate stats-share-working}@keyframes stats-share-working{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.stats-share[aria-busy=true] .icon{animation:none}}.format-badge{padding-inline:var(--space-2);border:1px solid var(--border-glass);border-radius:var(--radius-round);color:var(--text-muted);font-size:var(--type-small);white-space:nowrap;font-weight:600;line-height:1.6;display:inline-block}.format-playing{justify-content:center;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;margin:0;display:flex}.format-source,.format-note{color:var(--text-muted);font-size:var(--type-small)}.sound-options{align-items:stretch;gap:var(--space-3);flex-direction:column;inline-size:100%;display:flex}.crossfade{align-items:center;gap:var(--space-3);min-block-size:40px;color:var(--text-primary);font-size:var(--type-body);flex:1;font-weight:600;display:flex}.crossfade-label{cursor:pointer;flex:none}.crossfade input[type=range]{min-inline-size:0;accent-color:var(--accent-500);cursor:pointer;flex:1;margin:0}.crossfade input[type=range]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-control)}.crossfade-value{min-inline-size:4.5ch;color:var(--text-muted);font-size:var(--type-meta);text-align:end;font-variant-numeric:tabular-nums;flex:none}.crossfade[data-active] .crossfade-value{color:var(--accent-400)}.equaliser-switch{align-items:center;gap:var(--space-2);min-block-size:40px;padding-inline:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-round);color:var(--text-muted);font:inherit;font-size:var(--type-meta);cursor:pointer;transition:color var(--motion-state) ease, border-color var(--motion-state) ease;background:0 0;font-weight:600;display:inline-flex}.equaliser-switch[aria-pressed=true]{color:var(--text-primary)}.equaliser-switch[aria-pressed=true] .playback-switch-track{background:var(--accent-500)}.equaliser-switch[aria-pressed=true] .playback-switch-thumb{inset-inline-start:14px}.equaliser-switch:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.equaliser-controls{align-items:flex-start;gap:var(--space-4);flex-direction:column;padding-block-start:var(--space-2);display:flex}.equaliser-bands{gap:var(--space-2);direction:ltr;grid-template-columns:repeat(6,minmax(0,1fr));inline-size:100%;max-inline-size:28rem;margin-inline:auto;display:grid}.equaliser-band{align-items:center;gap:var(--space-2);cursor:pointer;flex-direction:column;min-inline-size:0;display:flex}.equaliser-band input[type=range]{writing-mode:vertical-lr;width:32px;height:160px;accent-color:var(--accent-500);cursor:pointer;direction:rtl;margin:0}.equaliser-band input[type=range]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-control)}.equaliser-band-gain,.equaliser-band-name{max-inline-size:100%;color:var(--text-muted);font-size:var(--type-small);text-align:center;font-variant-numeric:tabular-nums;unicode-bidi:plaintext;line-height:1.3}.equaliser-band-gain{color:var(--text-primary);font-size:var(--type-meta);font-weight:600}.sound-options-note{color:var(--text-muted);font-size:var(--type-meta);margin:0}.crossfade[data-disabled],.equaliser-switch:disabled{opacity:.5;cursor:default}.crossfade[data-disabled] :is(.crossfade-label,input[type=range]){cursor:default}@media (width<=899px),(pointer:coarse){.crossfade,.equaliser-switch{min-block-size:44px}}@media (prefers-reduced-motion:reduce){.equaliser-switch{transition:none}}.settings{gap:var(--space-8);inline-size:100%;max-inline-size:42rem;padding-block:var(--space-4) var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.settings-header h1{margin:0;font-size:clamp(1.75rem,1.5vw + 1.25rem,2.5rem);line-height:1.1}.settings-section{gap:var(--space-4);flex-direction:column;scroll-margin-block-start:calc(var(--top-bar-height) + var(--space-4));display:flex}.settings-section-header{gap:var(--space-1);flex-direction:column;display:flex}.settings-section-header h2{font-size:var(--type-section);margin:0;line-height:1.2}.settings-section-intro{color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.5}.settings-group{gap:var(--space-2);flex-direction:column;display:flex}.settings-group>h3{padding-inline:var(--space-4);color:var(--text-muted);font-size:var(--type-meta);text-transform:uppercase;margin:0;font-weight:700}.settings-group>h3:dir(ltr){letter-spacing:.06em}.settings-card{border:1px solid var(--border-glass);border-radius:var(--radius-card);background:var(--surface-glass);flex-direction:column;display:flex}.settings-card .sound-options{display:contents}.settings-row,.playback-setting,.settings-card .sound-options-note{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-block-start:1px solid var(--border-glass);flex-direction:column;display:flex}.settings-card>:first-child{border-block-start:0}.playback-setting-control{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.settings-row-name,.playback-setting-name{font-size:var(--type-body);font-weight:600}.settings-row-description,.playback-setting-description,.playback-setting-note{color:var(--text-muted);font-size:var(--type-meta);margin:0;line-height:1.5}.settings-action{justify-content:space-between;align-items:center;gap:var(--space-3);flex-flow:wrap}.settings-row-text{gap:var(--space-1);flex-direction:column;flex:14rem;min-inline-size:0;display:flex}.settings-action .control-button{flex:none}.apps-address{font-size:var(--type-meta);overflow-wrap:anywhere;margin:0}.apps-address-field{box-sizing:border-box;inline-size:100%;font:inherit;font-size:var(--type-meta);color:var(--text-primary);background:var(--surface-field);border:1px solid var(--border-field);border-radius:var(--radius-control);padding:6px 10px}.apps-address-field:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.apps-copy{flex:none}.settings-card .playback-switch,.settings-card .equaliser-switch{justify-content:space-between;gap:var(--space-3);border-radius:var(--radius-control);color:var(--text-primary);font-size:var(--type-body);text-align:start;border:0;flex-direction:row-reverse;flex:1;padding-inline:0}.settings-identity{align-items:center;gap:var(--space-3);flex-flow:wrap}.settings-identity-text{flex-direction:column;flex:10rem;gap:2px;min-inline-size:0;display:flex}.settings-identity .control-button{flex:none}.settings-identity-name{font-size:var(--type-body);overflow-wrap:anywhere;font-weight:600}.settings-identity-email{color:var(--text-muted);font-size:var(--type-meta);overflow-wrap:anywhere;text-align:start}.settings-identity-text>:only-child{color:var(--text-primary);font-size:var(--type-body);font-weight:600}.settings-password .account-security{padding:var(--space-4)}.settings-password .account-security__form{max-inline-size:none}.settings-sign-out{display:flex}.subscription-plan{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:0;display:flex}.subscription-plan dt{font-size:var(--type-body);font-weight:600}.subscription-plan dd{color:var(--accent-400);font-size:var(--type-body);margin:0;font-weight:700}.settings-language select{min-block-size:var(--control-height-touch);max-inline-size:100%}.not-suggested-intro{padding-inline:var(--space-4);color:var(--text-muted);font-size:var(--type-meta);margin:0;line-height:1.5}.not-suggested>h3:focus{outline:none}.not-suggested>h3:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.not-suggested-list{margin:0;padding:0;list-style:none}.not-suggested-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--border-glass);display:flex}.not-suggested-row:first-child{border-block-start:0}.not-suggested-text{flex:1;gap:2px;min-inline-size:0;display:grid}.not-suggested-name{font-size:var(--type-body);overflow-wrap:anywhere;font-weight:600}.not-suggested-meta{color:var(--text-muted);font-size:var(--type-meta);overflow-wrap:anywhere}.not-suggested-allow{flex:none}.not-suggested-note{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-muted);font-size:var(--type-meta);flex-wrap:wrap;margin:0;line-height:1.5;display:flex}.not-suggested-note p{margin:0}.action-radio{inline-size:var(--size-control-touch);block-size:var(--size-control-touch);color:var(--text-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.action-radio:hover:not(:disabled){color:var(--text-primary)}.action-radio:disabled{color:var(--text-disabled)}.action-radio[aria-busy=true]{cursor:progress}.action-radio[aria-busy=true] .radio-icon{animation:.9s ease-in-out infinite alternate radio-pulse}.action-radio:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@keyframes radio-pulse{0%{opacity:1}to{opacity:.45}}@media (prefers-reduced-motion:reduce){.action-radio[aria-busy=true] .radio-icon{animation:none}}.playback-queue-pane .queue-row-menu{transition:opacity var(--motion-state) ease;flex:none;display:inline-flex}.playback-queue-pane .queue-row-menu .row-menu-trigger{min-block-size:36px;min-inline-size:36px}@media (hover:hover){.playback-queue-pane .queue-row-menu{opacity:0}.playback-queue-pane .queue-row:is(:hover,:focus-within) .queue-row-menu,.playback-queue-pane .queue-row-menu:has([aria-expanded=true]){opacity:1}}@media (width<=899px){.playback-queue-pane .queue-row-menu{opacity:1}.playback-queue-pane .queue-row-menu .row-menu-trigger{min-block-size:44px;min-inline-size:44px}}@media (width<=599px){.playback-queue-pane .queue-row:is([data-source=autoplay],[data-source=radio]) .queue-row-move{display:none}}.queue-radio-title{overflow-wrap:anywhere}.action-weave{align-items:center;gap:var(--space-2);min-block-size:36px;padding-inline:var(--space-3) var(--space-4);border:1px solid var(--violet-400);border-radius:var(--radius-round);background:var(--violet-alpha-24);color:var(--text-primary);font:inherit;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-state) ease, border-color var(--motion-state) ease;font-weight:700;display:inline-flex}.action-weave .icon{color:var(--lilac-400)}.action-weave:hover:not(:disabled){border-color:var(--lilac-400)}.action-weave:disabled{opacity:.5;cursor:default}.action-weave:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (width<=899px){.action-weave{min-block-size:var(--size-control-touch)}}.library-hero-actions:has(.library-hero-weave){flex-wrap:wrap}.library-hero-actions .library-hero-weave{border-color:var(--violet-400);background:var(--violet-alpha-24);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.library-hero-actions .library-hero-weave .icon{color:var(--lilac-400)}.weave-chip{justify-content:center;align-items:center;gap:var(--space-1);min-block-size:28px;padding-inline:var(--space-2) var(--space-3);border:1px solid var(--violet-400);border-radius:var(--radius-round);background:var(--violet-alpha-24);color:var(--text-primary);font:inherit;font-size:var(--type-meta);cursor:pointer;font-weight:700;display:inline-flex}.weave-chip .icon{color:var(--lilac-400)}.weave-chip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.queue-modes .weave-chip{min-block-size:var(--size-control-touch);flex:none;align-self:center}@media (width<=899px){.player-bar .weave-chip{display:none}}.weave-sheet{inline-size:min(100% - 2 * var(--space-4), 380px)}.weave-sheet-body{gap:var(--space-4);display:grid}.weave-sheet-label{font-weight:700}.weave-sheet-dial{gap:var(--space-2);display:grid}.weave-sheet-dial input[type=range]{inline-size:100%;min-block-size:var(--size-control-touch);accent-color:var(--violet-400);margin:0}.weave-sheet-ends{justify-content:space-between;gap:var(--space-3);color:var(--text-muted);font-size:var(--type-meta);display:flex}.weave-sheet-row{gap:var(--space-1);border-block-start:1px solid var(--border-row);justify-items:start;padding-block-start:var(--space-3);display:grid}.weave-sheet .playback-switch[aria-pressed=true] .playback-switch-track{background:var(--violet-400)}.weave-sheet-hint{color:var(--text-muted);font-size:var(--type-meta);margin:0}.weave-sheet-often{grid-template-columns:1fr auto;place-items:center stretch}.weave-sheet-often select{min-block-size:var(--size-control-touch);padding-inline:var(--space-3);border:1px solid var(--border-field);border-radius:var(--radius-3);background:var(--surface-field);color:var(--text-primary);font:inherit}.weave-sheet-done{min-block-size:var(--size-control-touch);padding-inline:var(--space-5);border:1px solid var(--violet-400);border-radius:var(--radius-round);background:var(--violet-alpha-24);color:var(--text-primary);font:inherit;cursor:pointer;justify-self:end;font-weight:700}:is(.weave-sheet-often select,.weave-sheet-done):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.playback-artwork:has(.woven-mark){position:relative}.woven-mark{align-items:center;gap:var(--space-1);padding:3px var(--space-3) 3px var(--space-2);border-radius:var(--radius-round);background:var(--violet-400);color:var(--text-primary);font-size:var(--type-small);pointer-events:none;font-weight:700;display:inline-flex;position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.weave-why{justify-items:center;gap:var(--space-2);max-inline-size:min(100%,420px);display:grid}.weave-reason{padding:6px var(--space-3);border:1px solid var(--violet-400);border-radius:var(--radius-3);background:var(--violet-alpha-22);color:var(--text-primary);font-size:var(--type-meta);overflow-wrap:anywhere;margin:0;line-height:1.4}.weave-why-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.weave-why-actions button{align-items:center;gap:var(--space-1);min-block-size:36px;padding-inline:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-round);color:var(--text-primary);font:inherit;font-size:var(--type-meta);cursor:pointer;background:0 0;font-weight:700;display:inline-flex}.weave-why-actions .weave-keep{border-color:var(--violet-400);background:var(--violet-alpha-24)}.weave-why-actions .weave-keep .icon{color:var(--lilac-400)}.weave-why-actions button:disabled{opacity:.5;cursor:progress}.weave-why-actions button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (width<=899px){.weave-why-actions button{min-block-size:var(--size-control-touch)}}.queue-row[data-source=woven]{background:var(--violet-alpha-22)}@media (hover:hover){.playback-queue-pane .queue-row[data-source=woven]:hover{background:var(--violet-alpha-24)}}.queue-row[data-source=woven] .queue-row-art .cover{box-shadow:0 0 0 2px var(--violet-400)}.queue-row-weave{flex:none;gap:2px;display:inline-flex}.queue-row-weave button{border:1px solid var(--violet-400);min-block-size:36px;min-inline-size:36px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.queue-row-weave .queue-row-keep{background:var(--violet-alpha-24)}.queue-row-weave button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (width<=899px){.queue-row-weave button{min-inline-size:var(--size-control-touch);min-block-size:var(--size-control-touch)}}@media (width<=599px){.playback-queue-pane .queue-row[data-source=woven] .queue-row-actions{display:none}}.upload{gap:var(--space-4);flex-direction:column;max-inline-size:860px;display:flex}.upload h2,.upload h3,.upload p{margin:0}.upload h3{font-size:1.0625rem}.upload-app{gap:var(--space-3);padding:var(--space-panel);background:var(--surface-panel);border:1px solid var(--border-panel);border-radius:var(--radius-panel);flex-direction:column;display:flex}.upload-app-points{gap:var(--space-1);color:var(--text-muted);flex-direction:column;margin:0;padding-inline-start:1.25em;display:flex}.upload-app-get{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.upload-app a.control-button{border-radius:var(--radius-control);border-style:solid;border-width:1px;text-decoration:none}.upload-drop{align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;border:1px dashed var(--border-dropzone);border-radius:var(--radius-control);flex-direction:column;display:flex}.upload-drop.dragging{border-color:var(--state-selected)}.upload-drop input[type=file]{max-inline-size:100%;font:inherit;color:var(--text-muted)}.upload-summary{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.upload-counts{color:var(--text-muted)}.upload-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upload-row{gap:var(--space-2);padding-block:var(--space-3);border-block-end:1px solid var(--border-row);flex-direction:column;display:flex}.upload-row[data-phase=attention]{border-inline-start:3px solid var(--border-administration);padding-inline-start:var(--space-3)}.upload-row-head{align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.upload-name{overflow-wrap:anywhere;flex:12rem;min-inline-size:0}.upload-status{color:var(--text-muted);font-size:var(--type-meta)}.upload-row[data-phase=live] .upload-status{color:var(--state-playing)}.upload-row[data-phase=failed] .upload-status,.upload-error{color:var(--text-danger)}.upload-error,.upload-note{font-size:var(--type-meta);overflow-wrap:anywhere}.upload-failure{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.upload-bar{border-radius:var(--radius-round);background:var(--surface-raised);block-size:6px;inline-size:100%;accent-color:var(--accent-500);border:0;flex-basis:100%;overflow:hidden}.upload-bar::-webkit-progress-bar{background:var(--surface-raised)}.upload-bar::-webkit-progress-value{background:var(--accent-500)}.upload-bar::-moz-progress-bar{background:var(--accent-500)}.upload-fix{gap:var(--space-3);padding:var(--space-panel);background:var(--surface-panel);border:1px solid var(--border-panel);border-radius:var(--radius-panel);flex-direction:column;display:flex}.upload-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.upload-fields{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.upload-field{gap:var(--space-1);color:var(--text-muted);font-size:var(--type-meta);flex-direction:column;display:flex}.upload-field input,.upload-field textarea{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--control-height-touch);font:inherit;color:var(--text-primary);background:var(--surface-field);border:1px solid var(--border-field);border-radius:var(--radius-control);padding:10px 12px}.upload-field textarea{resize:vertical;min-block-size:8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--type-meta)}.upload-field input:focus-visible,.upload-field textarea:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.upload-field input[aria-invalid=true]{border-color:var(--text-danger)}.upload-issues{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upload-issues li{border-inline-start:3px solid var(--border-administration);padding-inline-start:var(--space-3)}.upload-issues li[data-level=blocker]{border-inline-start-color:var(--text-danger);color:var(--text-danger)}.upload-help{font-size:var(--type-meta)}.upload-spelling,.upload-dup{gap:var(--space-2);flex-direction:column;display:flex}.upload-suggestions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.upload-dup{padding:var(--space-3);border:1px solid var(--border-administration);border-radius:var(--radius-control)}.upload-dup-heading{font-weight:600}.upload-dup-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upload-dup-list li{overflow-wrap:anywhere;flex-direction:column;gap:2px;display:flex}.upload-actions{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.upload-fix .control-button,.upload-rules .control-button{min-block-size:var(--control-height-touch)}.upload .control-button:disabled{background:var(--surface-inset);border-color:var(--border-control);color:var(--text-disabled);cursor:not-allowed}.upload-rules{gap:var(--space-3);border-inline-start:3px solid var(--border-administration);flex-direction:column;margin-block-start:var(--space-4);padding-inline-start:var(--space-4);display:flex}.upload-rules-form{gap:var(--space-2);flex-direction:column;max-inline-size:640px;display:flex}@media (prefers-reduced-motion:reduce){.upload .control-button{transition-duration:.01ms}}.artist-related .artist-card .media-card-copy{text-align:center;align-items:center}:root{--selection-bar-block:54px}@media (width<=899px){:root{--selection-bar-block:102px}}.selection-bar{z-index:20;inset-inline:var(--space-2);box-sizing:border-box;min-block-size:var(--selection-bar-block);align-items:center;gap:0 var(--space-1);padding:var(--space-1);border:1px solid var(--border-glass);border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--shadow-glass);color:var(--text-primary);font-size:var(--type-body);flex-wrap:wrap;animation:.2s cubic-bezier(.2,.8,.2,1) selection-bar-in;display:flex;position:fixed;inset-block-end:calc(var(--player-bar-height) + var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-2))}@media (width>=900px){.selection-bar{inset-inline:calc(var(--sidebar-width) + var(--space-6)) var(--space-6);flex-wrap:nowrap;max-inline-size:760px;margin-inline:auto;inset-block-end:calc(var(--player-bar-height) + var(--space-2))}}.selection-bar:focus{outline:none}.selection-bar:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.selection-bar button{min-inline-size:var(--control-height-touch);min-block-size:var(--control-height-touch);border-radius:var(--radius-round);color:inherit;font:inherit;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.selection-bar button:disabled{color:var(--text-disabled);cursor:default}.selection-bar button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}@media (hover:hover){.selection-bar button:hover:not(:disabled){background:var(--surface-control-hover)}}.selection-bar .selection-bar-all{padding-inline:var(--space-3);white-space:nowrap;font-weight:600}.selection-bar .selection-bar-remove:not(:disabled){color:var(--text-danger)}.selection-bar-count{min-inline-size:0;padding-inline:var(--space-1);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;font-weight:600;overflow:hidden}.selection-bar-actions{align-items:center;gap:var(--space-1);display:flex}@media (width<=899px){.selection-bar-actions{flex:1 0 100%;justify-content:space-between;overflow-x:auto}}.selection-bar-text{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tracks[data-selecting=true],.playlist-items[data-selecting=true]{padding-block-end:calc(var(--selection-bar-block) + var(--space-4))}.tracks[data-selecting=true] .track-row,.playlist-items[data-selecting=true] .playlist-row{cursor:pointer;-webkit-user-select:none;user-select:none}.tracks[data-selecting=true] .track-row.unplayable{cursor:not-allowed}.track-row.is-selected,.playlist-row.is-selected{background:var(--accent-alpha-18)}.track-select{min-inline-size:var(--control-height-touch);min-block-size:var(--control-height-touch);flex:none;place-items:center;display:grid}.track-select-box{block-size:20px;inline-size:20px;accent-color:var(--brand);cursor:inherit;margin:0}.picker-count{margin-block:0 var(--space-3)}.picker-filter{box-sizing:border-box;inline-size:100%;margin-block-end:var(--space-3)}body:has(.selection-bar) .toast{inset-block-end:calc(var(--player-bar-height) + var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--selection-bar-block) + var(--space-4))}@media (width>=900px){body:has(.selection-bar) .toast{inset-block-end:calc(var(--player-bar-height) + var(--selection-bar-block) + var(--space-4))}}@keyframes selection-bar-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.selection-bar{animation:none}}@media (width>=701px){.import-dialog{inline-size:min(600px, calc(100vw - var(--space-8)))}}.import-dialog-body{gap:var(--space-3);flex-direction:column;display:flex}.import-dialog-body p{margin:0}.import-progress,.import-summary{font-weight:600}.import-files,.import-rows,.import-missing ul{margin:0;padding:0;list-style:none}.import-files{gap:var(--space-4);flex-direction:column;display:flex}.import-file{gap:var(--space-2);flex-direction:column;display:flex}.import-file-name{color:var(--text-muted);font-size:var(--type-meta);margin:0;font-weight:600}.import-file-problem{color:var(--text-danger)}.import-rows{gap:var(--space-2);flex-direction:column;display:flex}.import-row{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-3);border:1px solid var(--border-row);border-radius:var(--radius-panel);background:var(--surface-inset);flex-wrap:wrap;display:flex}.import-row>p,.import-row>.import-missing{flex:1 0 100%}.import-row-name{flex:12rem;min-inline-size:0;font-weight:600}.import-row-head{align-items:center;gap:var(--space-2);flex:1 0 100%;display:flex}.import-row-head input[type=checkbox],.import-row-check input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--accent-500);flex:none;margin:0}.import-row-input{box-sizing:border-box;min-inline-size:0;min-block-size:var(--size-control-touch);padding-inline:var(--space-3);border:1px solid var(--border-field);border-radius:var(--radius-panel);background:var(--surface-field);color:var(--text-primary);font:inherit;flex:auto}.import-row-input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px}.import-row-check{align-items:center;gap:var(--space-2);min-block-size:var(--size-control-touch);flex:1 0 100%;display:flex}.import-row-found{color:var(--text-muted);font-size:var(--type-meta)}.import-row-failed{color:var(--text-danger)}.import-missing summary{color:var(--text-muted);font-size:var(--type-meta);cursor:pointer}.import-missing ul{gap:var(--space-1);max-block-size:12rem;font-size:var(--type-meta);flex-direction:column;margin-block-start:var(--space-2);padding-inline-start:var(--space-3);display:flex;overflow:auto}.import-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.import-actions .control-button{min-block-size:var(--size-control-touch)}.avatar{--avatar-bg:var(--avatar-1-bg);--avatar-ink:var(--avatar-light-ink);inline-size:var(--avatar-size);block-size:var(--avatar-size);background:var(--avatar-bg);color:var(--avatar-ink);font-family:var(--font-display);font-weight:700;font-size:calc(var(--avatar-size) * .42);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.avatar[data-slot="1"]{--avatar-bg:var(--avatar-1-bg);--avatar-ink:var(--avatar-1-ink)}.avatar[data-slot="2"]{--avatar-bg:var(--avatar-2-bg)}.avatar[data-slot="3"]{--avatar-bg:var(--avatar-3-bg)}.avatar[data-slot="4"]{--avatar-bg:var(--avatar-4-bg)}.avatar[data-slot="5"]{--avatar-bg:var(--avatar-5-bg)}.avatar[data-slot="6"]{--avatar-bg:var(--avatar-6-bg)}.avatar--photo{background:var(--surface-raised)}.avatar img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.account-menu .account-trigger{inline-size:var(--control-height-touch);min-inline-size:var(--control-height-touch);block-size:var(--control-height-touch);min-block-size:var(--control-height-touch);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.account-trigger .avatar{box-shadow:0 0 0 2px var(--surface-page), 0 0 0 4px var(--brand-glow);transition:box-shadow var(--motion-state) ease}.account-trigger[aria-expanded=true] .avatar{box-shadow:0 0 0 2px var(--surface-page), 0 0 0 4px var(--brand)}@media (hover:hover){.account-menu .account-trigger:hover:not(:disabled){background:0 0}.account-menu .account-trigger:hover .avatar{box-shadow:0 0 0 2px var(--surface-page), 0 0 0 4px var(--brand)}}.language-menu .language-trigger{justify-content:center;align-items:center;gap:var(--space-2);inline-size:var(--control-height-touch);min-inline-size:var(--control-height-touch);min-block-size:var(--control-height-touch);border:1px solid var(--border-glass);border-radius:var(--radius-round);background:var(--surface-glass);color:var(--text-primary);font:inherit;padding:0;font-weight:600;display:inline-flex}.language-menu--pill .language-trigger{inline-size:auto;padding-inline:var(--space-3) var(--space-4)}.language-menu .language-trigger[aria-expanded=true]{border-color:var(--text-muted)}@media (hover:hover){.language-menu .language-trigger:hover:not(:disabled){border-color:var(--text-muted);background:var(--surface-glass);color:var(--text-primary)}}.menu-surface-panel.account-panel{z-index:30;min-inline-size:220px;padding:var(--space-2);border:1px solid var(--border-glass);background:var(--surface-panel);box-shadow:var(--shadow-glass);color:var(--text-primary);font-size:var(--type-body);text-align:start;white-space:normal;overscroll-behavior:contain;border-radius:18px;gap:2px;margin-block-start:var(--space-2);animation:.16s cubic-bezier(.2,.8,.2,1) account-panel-in}.menu-surface-panel.account-panel[data-placement=above]{margin-block:0 var(--space-2);animation-name:account-panel-in-above}.menu-surface-panel.account-menu-panel{inline-size:min(300px,100vw - 16px)}.menu-surface-panel.language-menu-panel{min-inline-size:200px}.account-panel-body,.account-panel-page{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.account-panel-grab{display:none}.account-panel-heading{padding-block:var(--space-2) 2px;color:var(--text-muted);font-size:var(--type-small);letter-spacing:.12em;text-transform:uppercase;padding-inline:10px;font-weight:700;display:block}.account-panel-separator{background:var(--border-glass);flex:none;block-size:1px;margin:6px;display:block}.account-panel .account-panel-row{align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:var(--control-height-touch);color:var(--text-primary);font:inherit;font-size:var(--type-body);text-align:start;transition:background-color var(--motion-state) ease;background:0 0;border:0;border-radius:10px;padding-block:0;padding-inline:10px;font-weight:500;display:flex}.account-panel-icon,.account-panel-chevron{color:var(--text-muted);transition:color var(--motion-state) ease;flex:none}.account-panel-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.account-panel-detail{color:var(--text-muted);font-size:var(--type-meta);flex:none;font-weight:400}.account-panel-detail+.account-panel-chevron{margin-inline-start:calc(-1 * var(--space-2))}.account-panel-check{color:var(--accent-500);flex:none}.account-panel .account-panel-row--danger,.account-panel .account-panel-row--danger .account-panel-icon{color:var(--text-danger)}.account-panel .language-option{direction:inherit}.language-option .account-panel-label{flex:0 auto}.language-option .account-panel-check{margin-inline-start:auto}@media (hover:hover){.account-panel .account-panel-row:hover:not(:disabled){background:var(--surface-glass);color:var(--text-primary)}.account-panel .account-panel-row--danger:hover:not(:disabled){color:var(--text-danger)}.account-panel-row:hover:not(:disabled) .account-panel-icon,.account-panel-row:hover:not(:disabled) .account-panel-chevron{color:var(--text-primary)}.account-panel .account-panel-row--danger:hover:not(:disabled) .account-panel-icon{color:var(--text-danger)}}.account-panel .account-panel-row:active:not(:disabled){background:var(--surface-control)}.account-panel :is(.account-panel-row,.account-card,.account-tile):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.account-panel .account-card{inline-size:auto;margin-block:var(--space-1) var(--space-2);margin-inline:var(--space-1);padding:var(--space-4);border:1px solid var(--brand-ring);border-radius:var(--radius-dialog);background:linear-gradient(135deg, var(--brand-wash), var(--brand-wash-faint));color:var(--text-primary);font:inherit;text-align:start;transition:border-color var(--motion-state) ease;align-items:center;gap:14px;display:flex}.account-card .avatar{box-shadow:0 0 0 3px var(--surface-page)}.account-card-text{flex-direction:column;align-items:flex-start;gap:6px;min-inline-size:0;display:flex}.account-card-name{max-inline-size:100%;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.account-card-pill{border-radius:var(--radius-round);background:var(--black-alpha-40);color:var(--text-primary);font-size:var(--type-meta);padding-block:4px;padding-inline:10px;font-weight:500}.account-tiles{padding-block:2px 6px;padding-inline:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.account-panel .account-tile{align-items:center;gap:var(--space-2);inline-size:100%;min-inline-size:0;min-block-size:var(--control-height-touch);background:var(--surface-raised);color:var(--text-primary);font:inherit;font-size:var(--type-meta);text-align:start;transition:background-color var(--motion-state) ease;border:0;border-radius:12px;padding:10px;font-weight:500;display:flex}.account-tile-icon{color:var(--accent-500);flex:none}@media (hover:hover){.account-panel .account-card:hover:not(:disabled){border-color:var(--brand-glow);background:linear-gradient(135deg, var(--brand-wash), var(--brand-wash-faint));color:var(--text-primary)}.account-panel .account-tile:hover:not(:disabled){background:var(--surface-control-hover);color:var(--text-primary)}}.account-panel .account-tile:active:not(:disabled){background:var(--surface-control)}@media (width>=900px) and (pointer:fine){.account-panel .account-panel-row{min-block-size:38px}.account-panel .account-tile{min-block-size:40px}}.account-panel-page{--account-panel-shift:14px}.account-panel-page:dir(rtl){--account-panel-shift:-14px}.account-panel-page[data-direction=forward]{animation:.2s cubic-bezier(.2,.8,.2,1) account-panel-page}.account-panel-page[data-direction=back]{animation:.2s cubic-bezier(.2,.8,.2,1) account-panel-page-back}.auth-shell{position:relative}.auth-shell__language-menu{z-index:3;position:absolute;inset-block-start:calc(clamp(1.75rem,4vw,3rem) - 6px);inset-inline-end:clamp(1rem,3vw,2rem)}@media (width<=899px){.account-menu .menu-surface-scrim,.language-menu .menu-surface-scrim,.sort-icon-menu .menu-surface-scrim,.sort-menu .menu-surface-scrim{z-index:60;background:var(--surface-scrim);cursor:default;touch-action:none;animation:.22s ease-out account-panel-fade;display:block;position:fixed;inset:0}.menu-surface-panel.account-panel{z-index:61;inset-block:auto calc(var(--space-2) + env(safe-area-inset-bottom));inset-inline:var(--space-2);max-block-size:calc(100dvh - 64px);inline-size:auto;min-inline-size:0;max-inline-size:480px;padding:var(--space-2);border-radius:22px;margin-block:0;margin-inline:auto;animation:.28s cubic-bezier(.2,.8,.2,1) account-panel-sheet;position:fixed;overflow-y:auto}.account-panel-grab{block-size:4px;inline-size:36px;margin-block:0 var(--space-2);background:var(--border-control);border-radius:2px;flex:none;align-self:center;display:block}.account-panel .account-panel-row{min-block-size:48px;font-size:1rem}.account-panel .account-tile{min-block-size:52px;font-size:var(--type-body)}.auth-shell__language-menu{inset-block-start:var(--space-2);inset-inline-end:1rem}}@keyframes account-panel-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes account-panel-in-above{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes account-panel-sheet{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes account-panel-fade{0%{opacity:0}to{opacity:1}}@keyframes account-panel-page{0%{opacity:0;transform:translateX(var(--account-panel-shift))}to{opacity:1;transform:none}}@keyframes account-panel-page-back{0%{opacity:0;transform:translateX(calc(-1 * var(--account-panel-shift)))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.menu-surface-panel.account-panel,.account-menu .menu-surface-scrim,.language-menu .menu-surface-scrim,.account-panel-page[data-direction]{animation:none}.account-trigger .avatar,.account-panel .account-panel-row,.account-panel .account-card,.account-panel .account-tile,.account-panel-icon,.account-panel-chevron{transition:none}}.profile-hero{--profile-banner-size:120px;--profile-banner-angle:120deg;margin-block:-20px 0;margin-inline:-20px}.profile-hero:dir(rtl){--profile-banner-angle:240deg}.profile-banner{block-size:var(--profile-banner-size);background:linear-gradient(var(--profile-banner-angle), var(--accent-700), var(--surface-panel) 60%, var(--surface-page))}.profile-hero[data-photo=true] .profile-banner{background:linear-gradient(var(--profile-banner-angle), var(--hero-color,var(--hero-fallback)), var(--surface-panel) 60%, var(--surface-page))}@media (width>=900px){.profile-hero{margin-block-start:calc(-1 * var(--top-bar-height))}.profile-banner{block-size:calc(var(--profile-banner-size) + var(--top-bar-height))}}.profile-head{align-items:flex-end;gap:var(--space-4);margin-block-start:-54px;padding-inline:20px;display:flex}.profile-avatar{box-shadow:0 0 0 4px var(--surface-page), var(--shadow-lg)}.profile-copy{min-inline-size:0;flex:1;padding-block-end:var(--space-1)}.profile-eyebrow{color:var(--text-muted);font-size:var(--type-small);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:700}.profile-name{margin:var(--space-1) 0;overflow-wrap:anywhere;font-size:clamp(1.5rem,1.5vw + 1rem,2.25rem);line-height:1.1}.profile-name:focus{outline:none}.profile-name:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.profile-facts{color:var(--text-muted);font-size:var(--type-meta);overflow-wrap:anywhere;margin:0}.profile-edit{padding-inline:var(--space-4);border-radius:var(--radius-round);flex:none;margin-block-end:var(--space-2)}.profile-page .profile-public-note{margin-block:var(--space-4) 0}.profile-section-title{margin-block:var(--space-6) var(--space-3);font-size:var(--type-section)}@media (width<=599px){.profile-head{align-items:flex-start;gap:var(--space-3);flex-direction:column}.profile-copy{align-self:stretch}.profile-edit{margin-block-end:0}}.collection-artwork>.avatar{block-size:100%;inline-size:100%}@media (width>=701px){.profile-dialog{inline-size:min(400px, calc(100% - var(--space-8)))}}.edit-profile__form{gap:var(--space-3);display:grid}.profile-photo-picker{inline-size:fit-content;margin-inline:auto;position:relative}.profile-camera{background:var(--control-primary-bg);block-size:36px;inline-size:36px;color:var(--control-primary-text);box-shadow:0 0 0 3px var(--surface-panel);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:2px;inset-inline-end:2px}.profile-camera:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.profile-photo-actions{justify-content:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.profile-link{min-block-size:44px;padding-inline:var(--space-2);border-radius:var(--radius-control);color:var(--accent-500);font:inherit;font-size:var(--type-meta);cursor:pointer;background:0 0;border:0;font-weight:600}.profile-link--danger{color:var(--text-danger)}.profile-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.profile-link:hover{text-decoration:underline}}.profile-field{gap:var(--space-2);display:grid}.profile-field__top{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.profile-field label{color:var(--text-muted);font-size:var(--type-meta)}.profile-counter{color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums;flex:none}.profile-field input{box-sizing:border-box;border:1px solid var(--border-field);border-radius:var(--radius-card);background:var(--surface-inset);min-block-size:44px;inline-size:100%;min-inline-size:0;color:var(--text-primary);font:inherit;padding:.625rem .75rem}.profile-field input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.profile-hint{color:var(--text-muted);font-size:var(--type-meta);margin:0}.profile-error{overflow-wrap:anywhere;margin:0}.profile-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.profile-actions .control-button{padding-inline:var(--space-5);border-radius:var(--radius-round)}.photo-cropper{gap:var(--space-3);display:grid}.photo-cropper__stage{border-radius:var(--radius-dialog);background:var(--surface-inset);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;block-size:240px;position:relative;overflow:hidden}.photo-cropper__stage:not([data-ready]){cursor:default}.photo-cropper__stage:active{cursor:grabbing}.photo-cropper__stage:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.photo-cropper__image{pointer-events:none;max-block-size:none;max-inline-size:none;position:absolute;inset-block-start:50%;inset-inline-start:50%}.photo-cropper__mask{background:radial-gradient(circle at 50% 50%, transparent calc(var(--crop-view) / 2), var(--surface-scrim) calc(var(--crop-view) / 2 + 1px));pointer-events:none;position:absolute;inset:0}.photo-cropper__ring{box-sizing:border-box;inline-size:var(--crop-view);block-size:var(--crop-view);border:2px solid var(--text-primary);pointer-events:none;border-radius:50%;margin-block-start:calc(var(--crop-view) / -2);margin-inline-start:calc(var(--crop-view) / -2);position:absolute;inset-block-start:50%;inset-inline-start:50%}.photo-cropper__loading{color:var(--text-muted);font-size:var(--type-meta);place-items:center;display:grid;position:absolute;inset:0}.photo-cropper__zoom{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:1.125rem;display:flex}.photo-cropper__zoom input{min-block-size:44px;min-inline-size:0;accent-color:var(--accent-500);flex:1}.photo-cropper__hint{text-align:center}@media (width<=700px){.dialog-surface.profile-crop-dialog--entry{max-block-size:calc(100dvh - var(--space-4) - env(safe-area-inset-bottom));inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom))}}.make-it-yours__photo{justify-items:center;gap:var(--space-1);display:grid}.make-it-yours__avatar{box-shadow:0 0 0 4px var(--surface-page), 0 0 0 6px var(--brand-ring)}.make-it-yours__optional{text-align:center}.make-it-yours .profile-camera,.make-it-yours .profile-camera:hover:not(:disabled){background:var(--control-primary-bg);min-block-size:0;color:var(--control-primary-text);box-shadow:0 0 0 3px var(--surface-page);border:0;border-radius:50%}.make-it-yours .profile-link,.make-it-yours .profile-link:hover:not(:disabled){color:var(--text-danger);background:0 0;border:0}dialog.dialog-surface:not(.now-playing-sheet){opacity:0;pointer-events:none;transition-property:opacity,display,overlay;transition-duration:var(--motion-exit);transition-timing-function:var(--ease-in);transition-behavior:allow-discrete}dialog.dialog-surface:not(.now-playing-sheet)[open]{opacity:1;pointer-events:auto;transition-property:opacity,transform,display,overlay;transition-duration:var(--motion-enter);transition-timing-function:var(--ease-out);transform:none}@starting-style{html:not([data-motion=reduced]) dialog.dialog-surface:not(.now-playing-sheet)[open]{opacity:0;transform:translateY(10px)scale(.98)}}dialog.dialog-surface:not(.now-playing-sheet)::backdrop{opacity:0;transition-property:opacity,display,overlay;transition-duration:var(--motion-exit);transition-timing-function:var(--ease-in);transition-behavior:allow-discrete}dialog.dialog-surface:not(.now-playing-sheet)[open]::backdrop{opacity:1;transition-duration:var(--motion-enter);transition-timing-function:var(--ease-out)}@starting-style{html:not([data-motion=reduced]) dialog.dialog-surface:not(.now-playing-sheet)[open]::backdrop{opacity:0}}@media (width<=700px){@starting-style{html:not([data-motion=reduced]) dialog.dialog-surface:not(.now-playing-sheet,.taste-dialog)[open]{transform:translateY(100%)}}}.toast{transition-property:opacity,transform;transition-duration:var(--motion-enter);transition-timing-function:var(--ease-out)}@starting-style{html:not([data-motion=reduced]) .toast{opacity:0;transform:translateY(8px)}}html[data-desktop]{--desktop-title-bar:36px;--desktop-buttons-left:env(titlebar-area-x,0px);--desktop-buttons-right:calc(100vw - env(titlebar-area-x,0px) - env(titlebar-area-width,100vw))}html[data-desktop] .top-bar{-webkit-app-region:drag}html[data-desktop] .sidebar:before{content:"";block-size:var(--desktop-title-bar);-webkit-app-region:drag;position:absolute;inset-block-start:0;inset-inline:0}html[data-desktop] :is(.top-bar,.menu-surface-panel,dialog) :is(a,button,input,select,textarea,label,summary,[role=button],[role^=menuitem],[role=option],[role=tab],[role=slider],[role=switch],[tabindex]:not([tabindex="-1"])){-webkit-app-region:no-drag}html[data-desktop]:not([dir=rtl]) .top-bar{padding-right:max(20px, calc(var(--desktop-buttons-right) + 8px))}html[data-desktop][dir=rtl] .top-bar{padding-left:max(20px, calc(var(--desktop-buttons-left) + 8px))}@media (width>=900px){html[data-desktop]:not([dir=rtl]) .sidebar{padding-block-start:max(16px, min(var(--desktop-title-bar), var(--desktop-buttons-left)))}html[data-desktop][dir=rtl] .sidebar{padding-block-start:max(16px, min(var(--desktop-title-bar), var(--desktop-buttons-right)))}}html[data-desktop] .desktop-drag-strip{z-index:50;block-size:var(--desktop-title-bar);background:var(--surface-page);-webkit-app-region:drag;display:none;position:fixed;inset-block-start:0;inset-inline:0}@media (width<=899px){html[data-desktop] .desktop-drag-strip{display:block}html[data-desktop] .app{min-block-size:calc(100vh - var(--desktop-title-bar));margin-block-start:var(--desktop-title-bar)}html[data-desktop]{scroll-padding-block-start:var(--desktop-title-bar)}}html[data-desktop]:not(:has(.top-bar)) .desktop-drag-strip{display:block}html[data-desktop]:not(:has(.top-bar)){scroll-padding-block-start:var(--desktop-title-bar)}html[data-desktop] :is(.auth-shell,.taste-screen){min-block-size:calc(100dvh - var(--desktop-title-bar));margin-block-start:var(--desktop-title-bar)}html[data-desktop] .taste-screen .taste-filters{inset-block-start:var(--desktop-title-bar)}html[data-desktop] :is(dialog.now-playing-sheet,dialog.taste-dialog){border-block-start:var(--desktop-title-bar) solid var(--surface-page)}html[data-desktop]:has(:is(dialog.now-playing-sheet,dialog.taste-dialog)[open]) .desktop-drag-strip{display:block}.sidebar{view-transition-name:sidebar}.top-bar{view-transition-name:top-bar}.player-bar{view-transition-name:player-bar}.tab-bar{view-transition-name:tab-bar}.desktop-drag-strip{view-transition-name:desktop-drag-strip}::view-transition-group(sidebar),::view-transition-group(top-bar),::view-transition-group(player-bar),::view-transition-group(tab-bar),::view-transition-group(desktop-drag-strip){animation:none}::view-transition-new(sidebar),::view-transition-new(top-bar),::view-transition-new(player-bar),::view-transition-new(tab-bar),::view-transition-new(desktop-drag-strip){animation:none}::view-transition-old(sidebar),::view-transition-old(top-bar),::view-transition-old(player-bar),::view-transition-old(tab-bar),::view-transition-old(desktop-drag-strip){display:none}::view-transition-old(root){animation:vt-page-out var(--motion-exit) var(--ease-in) both}::view-transition-new(root){animation:vt-page-in var(--motion-enter) var(--ease-out) both}@keyframes vt-page-out{to{opacity:0}}@keyframes vt-page-in{0%{opacity:0;transform:translateY(10px)}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}::view-transition-group(hero-cover),::view-transition-group(np-cover){animation-duration:var(--motion-morph);animation-timing-function:var(--ease-out);z-index:1}::view-transition-old(hero-cover),::view-transition-new(hero-cover),::view-transition-old(np-cover),::view-transition-new(np-cover){object-fit:cover;block-size:100%;animation-duration:var(--motion-morph);animation-timing-function:var(--ease-out)}::view-transition-old(hero-cover):only-child{animation:vt-page-out var(--motion-exit) var(--ease-in) both}::view-transition-new(hero-cover):only-child{animation:vt-page-in var(--motion-enter) var(--ease-out) both}::view-transition-old(np-cover):only-child{animation:vt-fade-out var(--motion-exit) var(--ease-in) both}::view-transition-new(np-cover):only-child{animation:vt-fade-in var(--motion-enter) var(--ease-out) both}dialog.now-playing-sheet{view-transition-name:np-sheet}::view-transition-group(np-sheet){animation:none}::view-transition-new(np-sheet){animation:vt-fade-in var(--motion-enter) var(--ease-out) both}::view-transition-old(np-sheet){animation:vt-fade-out var(--motion-exit) var(--ease-in) both}:root:active-view-transition-type(sheet)::view-transition-new(root){animation:vt-fade-in var(--motion-enter) var(--ease-out) both}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after,html[data-motion=reduced] ::backdrop{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}