:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--cadence-color-canvas:#fbfaf8;--cadence-color-surface:#fff;--cadence-color-surface-high:#f2f0ec;--cadence-color-surface-highest:#e7e4de;--cadence-color-outline:#e1ddd6;--cadence-color-outline-soft:#efece7;--cadence-color-text-primary:#16161a;--cadence-color-text-secondary:#5d5d66;--cadence-color-text-tertiary:#8e8e98;--cadence-color-accent:#d63e16;--cadence-color-on-accent:#fff;--cadence-color-success:#1f9d62;--cadence-color-warning:#b07908;--cadence-color-danger:#d32f4c;--cadence-color-scrim:#0006;--cadence-space-xxs:2px;--cadence-space-xs:4px;--cadence-space-sm:8px;--cadence-space-md:12px;--cadence-space-lg:16px;--cadence-space-xl:20px;--cadence-space-xxl:24px;--cadence-space-x3l:32px;--cadence-space-x4l:40px;--cadence-space-x5l:56px;--cadence-radius-xs:6px;--cadence-radius-sm:10px;--cadence-radius-md:14px;--cadence-radius-lg:20px;--cadence-radius-xl:28px;--cadence-radius-pill:999px;--cadence-touch-min:44px;--cadence-touch-comfortable:48px;--cadence-touch-car:72px;--cadence-motion-instant:90ms;--cadence-motion-fast:.16s;--cadence-motion-normal:.24s;--cadence-motion-slow:.34s;--cadence-motion-screen:.42s;--cadence-ease-enter:cubic-bezier(.16, 1, .3, 1);--cadence-ease-exit:cubic-bezier(.4, 0, 1, 1);--cadence-ease-smooth:cubic-bezier(.4, 0, .2, 1);--cadence-font-display:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--cadence-font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--cadence-type-display-large-family:var(--cadence-font-display);--cadence-type-display-large-size:40px;--cadence-type-display-large-weight:800;--cadence-type-display-large-height:1.05;--cadence-type-display-large-tracking:-1.2px;--cadence-type-display-medium-family:var(--cadence-font-display);--cadence-type-display-medium-size:32px;--cadence-type-display-medium-weight:800;--cadence-type-display-medium-height:1.08;--cadence-type-display-medium-tracking:-.9px;--cadence-type-display-small-family:var(--cadence-font-display);--cadence-type-display-small-size:26px;--cadence-type-display-small-weight:700;--cadence-type-display-small-height:1.15;--cadence-type-display-small-tracking:-.6px;--cadence-type-title-large-family:var(--cadence-font-display);--cadence-type-title-large-size:22px;--cadence-type-title-large-weight:700;--cadence-type-title-large-height:1.2;--cadence-type-title-large-tracking:-.4px;--cadence-type-title-medium-family:var(--cadence-font-display);--cadence-type-title-medium-size:18px;--cadence-type-title-medium-weight:700;--cadence-type-title-medium-height:1.25;--cadence-type-title-medium-tracking:-.3px;--cadence-type-title-small-family:var(--cadence-font-display);--cadence-type-title-small-size:15px;--cadence-type-title-small-weight:700;--cadence-type-title-small-height:1.3;--cadence-type-title-small-tracking:-.1px;--cadence-type-body-large-family:var(--cadence-font-body);--cadence-type-body-large-size:16px;--cadence-type-body-large-weight:500;--cadence-type-body-large-height:1.4;--cadence-type-body-large-tracking:0px;--cadence-type-body-medium-family:var(--cadence-font-body);--cadence-type-body-medium-size:14px;--cadence-type-body-medium-weight:500;--cadence-type-body-medium-height:1.45;--cadence-type-body-medium-tracking:0px;--cadence-type-body-small-family:var(--cadence-font-body);--cadence-type-body-small-size:13px;--cadence-type-body-small-weight:500;--cadence-type-body-small-height:1.4;--cadence-type-body-small-tracking:0px;--cadence-type-label-large-family:var(--cadence-font-body);--cadence-type-label-large-size:15px;--cadence-type-label-large-weight:600;--cadence-type-label-large-height:1.2;--cadence-type-label-large-tracking:-.1px;--cadence-type-label-medium-family:var(--cadence-font-body);--cadence-type-label-medium-size:13px;--cadence-type-label-medium-weight:600;--cadence-type-label-medium-height:1.2;--cadence-type-label-medium-tracking:0px;--cadence-type-label-small-family:var(--cadence-font-body);--cadence-type-label-small-size:11px;--cadence-type-label-small-weight:600;--cadence-type-label-small-height:1.2;--cadence-type-label-small-tracking:.4px;--cadence-type-overline-family:var(--cadence-font-body);--cadence-type-overline-size:11px;--cadence-type-overline-weight:700;--cadence-type-overline-height:1.2;--cadence-type-overline-tracking:1.1px;--cadence-type-mono-family:var(--cadence-font-body);--cadence-type-mono-size:12px;--cadence-type-mono-weight:600;--cadence-type-mono-height:1.2;--cadence-type-mono-tracking:0px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@font-face{font-family:Manrope;src:url(/app/fonts/Manrope.ttf)format("truetype-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(/app/fonts/Inter.ttf)format("truetype-variations");font-weight:100 900;font-display:swap}.cadence-type-display-large{font-family:var(--cadence-type-display-large-family);font-size:var(--cadence-type-display-large-size);font-weight:var(--cadence-type-display-large-weight);line-height:var(--cadence-type-display-large-height);letter-spacing:var(--cadence-type-display-large-tracking)}.cadence-type-display-medium{font-family:var(--cadence-type-display-medium-family);font-size:var(--cadence-type-display-medium-size);font-weight:var(--cadence-type-display-medium-weight);line-height:var(--cadence-type-display-medium-height);letter-spacing:var(--cadence-type-display-medium-tracking)}.cadence-type-display-small{font-family:var(--cadence-type-display-small-family);font-size:var(--cadence-type-display-small-size);font-weight:var(--cadence-type-display-small-weight);line-height:var(--cadence-type-display-small-height);letter-spacing:var(--cadence-type-display-small-tracking)}.cadence-type-title-large{font-family:var(--cadence-type-title-large-family);font-size:var(--cadence-type-title-large-size);font-weight:var(--cadence-type-title-large-weight);line-height:var(--cadence-type-title-large-height);letter-spacing:var(--cadence-type-title-large-tracking)}.cadence-type-title-medium{font-family:var(--cadence-type-title-medium-family);font-size:var(--cadence-type-title-medium-size);font-weight:var(--cadence-type-title-medium-weight);line-height:var(--cadence-type-title-medium-height);letter-spacing:var(--cadence-type-title-medium-tracking)}.cadence-type-title-small{font-family:var(--cadence-type-title-small-family);font-size:var(--cadence-type-title-small-size);font-weight:var(--cadence-type-title-small-weight);line-height:var(--cadence-type-title-small-height);letter-spacing:var(--cadence-type-title-small-tracking)}.cadence-type-body-large{font-family:var(--cadence-type-body-large-family);font-size:var(--cadence-type-body-large-size);font-weight:var(--cadence-type-body-large-weight);line-height:var(--cadence-type-body-large-height);letter-spacing:var(--cadence-type-body-large-tracking)}.cadence-type-body-medium{font-family:var(--cadence-type-body-medium-family);font-size:var(--cadence-type-body-medium-size);font-weight:var(--cadence-type-body-medium-weight);line-height:var(--cadence-type-body-medium-height);letter-spacing:var(--cadence-type-body-medium-tracking)}.cadence-type-body-small{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);font-weight:var(--cadence-type-body-small-weight);line-height:var(--cadence-type-body-small-height);letter-spacing:var(--cadence-type-body-small-tracking)}.cadence-type-label-large{font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight);line-height:var(--cadence-type-label-large-height);letter-spacing:var(--cadence-type-label-large-tracking)}.cadence-type-label-medium{font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);font-weight:var(--cadence-type-label-medium-weight);line-height:var(--cadence-type-label-medium-height);letter-spacing:var(--cadence-type-label-medium-tracking)}.cadence-type-label-small{font-family:var(--cadence-type-label-small-family);font-size:var(--cadence-type-label-small-size);font-weight:var(--cadence-type-label-small-weight);line-height:var(--cadence-type-label-small-height);letter-spacing:var(--cadence-type-label-small-tracking)}.cadence-type-overline{font-family:var(--cadence-type-overline-family);font-size:var(--cadence-type-overline-size);font-weight:var(--cadence-type-overline-weight);line-height:var(--cadence-type-overline-height);letter-spacing:var(--cadence-type-overline-tracking)}.cadence-type-mono{font-family:var(--cadence-type-mono-family);font-size:var(--cadence-type-mono-size);font-weight:var(--cadence-type-mono-weight);line-height:var(--cadence-type-mono-height);letter-spacing:var(--cadence-type-mono-tracking);font-variant-numeric:tabular-nums}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cadence-color-canvas:#08080a;--cadence-color-surface:#121216;--cadence-color-surface-high:#1c1c22;--cadence-color-surface-highest:#26262e;--cadence-color-outline:#2b2b34;--cadence-color-outline-soft:#1b1b21;--cadence-color-text-primary:#f7f6f4;--cadence-color-text-secondary:#9c9ca6;--cadence-color-text-tertiary:#63636d;--cadence-color-accent:#ff5c39;--cadence-color-on-accent:#1a0a05;--cadence-color-success:#4ed598;--cadence-color-warning:#f0b429;--cadence-color-danger:#ff5470;--cadence-color-scrim:#000c}}:root[data-theme=dark]{--cadence-color-canvas:#08080a;--cadence-color-surface:#121216;--cadence-color-surface-high:#1c1c22;--cadence-color-surface-highest:#26262e;--cadence-color-outline:#2b2b34;--cadence-color-outline-soft:#1b1b21;--cadence-color-text-primary:#f7f6f4;--cadence-color-text-secondary:#9c9ca6;--cadence-color-text-tertiary:#63636d;--cadence-color-accent:#ff5c39;--cadence-color-on-accent:#1a0a05;--cadence-color-success:#4ed598;--cadence-color-warning:#f0b429;--cadence-color-danger:#ff5470;--cadence-color-scrim:#000c}:root[data-theme=light]{--cadence-color-canvas:#fbfaf8;--cadence-color-surface:#fff;--cadence-color-surface-high:#f2f0ec;--cadence-color-surface-highest:#e7e4de;--cadence-color-outline:#e1ddd6;--cadence-color-outline-soft:#efece7;--cadence-color-text-primary:#16161a;--cadence-color-text-secondary:#5d5d66;--cadence-color-text-tertiary:#8e8e98;--cadence-color-accent:#d63e16;--cadence-color-on-accent:#fff;--cadence-color-success:#1f9d62;--cadence-color-warning:#b07908;--cadence-color-danger:#d32f4c;--cadence-color-scrim:#0006}.cadence-loading,.cadence-auth{min-height:100vh;padding:var(--cadence-space-xxl);justify-content:center;align-items:center;display:flex}.cadence-auth-card{gap:var(--cadence-space-xl);flex-direction:column;width:100%;max-width:32ch;display:flex}.cadence-auth-card h1{font-family:var(--cadence-type-display-small-family);font-size:var(--cadence-type-display-small-size);font-weight:var(--cadence-type-display-small-weight);line-height:var(--cadence-type-display-small-height);letter-spacing:var(--cadence-type-display-small-tracking)}.cadence-auth-card p{font-family:var(--cadence-type-body-medium-family);font-size:var(--cadence-type-body-medium-size);color:var(--cadence-color-text-secondary);margin:0}.cadence-field input{font:inherit;color:var(--cadence-color-text-primary);background:var(--cadence-color-surface);border:thin solid var(--cadence-color-outline);border-radius:var(--cadence-radius-sm);padding-block:var(--cadence-space-sm);padding-inline:var(--cadence-space-md);min-height:var(--cadence-touch-min)}.cadence-field input:focus-visible{outline:var(--cadence-space-xxs) solid var(--cadence-color-accent);outline-offset:var(--cadence-space-xxs)}.cadence-button{font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);border-radius:var(--cadence-radius-pill);padding-block:var(--cadence-space-sm);padding-inline:var(--cadence-space-xl);min-height:var(--cadence-touch-min);transition:opacity var(--cadence-motion-fast) var(--cadence-ease-smooth)}.cadence-button:hover{opacity:.9}.cadence-button-ghost{color:var(--cadence-color-text-primary);background:0 0;padding-inline:0;text-decoration:underline}.cadence-message{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-danger);margin:0}.cadence-auth-links{gap:var(--cadence-space-sm);flex-direction:column;display:flex}.cadence-shell{flex-direction:column;height:100dvh;display:flex}.cadence-shell-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-sm) var(--cadence-space-lg);padding:var(--cadence-space-md) var(--cadence-space-lg);border-bottom:thin solid var(--cadence-color-outline);flex-wrap:wrap;display:flex}.cadence-shell-actions{align-items:center;gap:var(--cadence-space-sm) var(--cadence-space-lg);flex-wrap:wrap;display:flex}.cadence-shell-body{flex:1;min-height:0;display:flex}.cadence-shell-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.cadence-destinations{flex:1;min-height:0;position:relative}.cadence-destination{padding:var(--cadence-space-lg);position:absolute;inset:0;overflow-y:auto}.cadence-shell[data-band=desktop] .cadence-destination,.cadence-shell[data-band=large] .cadence-destination{padding:var(--cadence-space-xxl)}.cadence-destination[data-active=false]{visibility:hidden}.cadence-destination h1{font-family:var(--cadence-type-display-small-family);font-size:var(--cadence-type-display-small-size);font-weight:var(--cadence-type-display-small-weight);margin:0 0 var(--cadence-space-lg)}.cadence-nav-bottom{border-top:thin solid var(--cadence-color-outline);flex-wrap:wrap;order:2;display:flex}.cadence-nav-rail{gap:var(--cadence-space-sm);padding:var(--cadence-space-lg) var(--cadence-space-sm);border-right:thin solid var(--cadence-color-outline);flex-direction:column;display:flex}.cadence-nav-sidebar{gap:var(--cadence-space-sm);width:22ch;padding:var(--cadence-space-lg);border-right:thin solid var(--cadence-color-outline);flex-direction:column;flex:none;display:flex}.cadence-nav-bottom button,.cadence-nav-rail button,.cadence-nav-sidebar button{overflow-wrap:anywhere;justify-content:center;align-items:center;gap:var(--cadence-space-sm);border-radius:var(--cadence-radius-sm);min-width:0;font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);color:var(--cadence-color-text-secondary);flex:auto;display:flex}.cadence-nav-sidebar button{padding-inline:var(--cadence-space-md);justify-content:flex-start}.cadence-nav-bottom button[aria-current=page],.cadence-nav-rail button[aria-current=page],.cadence-nav-sidebar button[aria-current=page]{color:var(--cadence-color-accent)}.cadence-docked-panel{border-left:thin solid var(--cadence-color-outline);width:28ch;padding:var(--cadence-space-xxl);flex:none}.cadence-mini-player{border-top:thin solid var(--cadence-color-outline);min-height:var(--cadence-touch-comfortable);order:1}.cadence-sync-line{align-items:center;gap:var(--cadence-space-sm);margin-bottom:var(--cadence-space-lg);font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary);display:flex}.cadence-track-list{gap:var(--cadence-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cadence-track-list li{padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high)}.cadence-state{align-items:flex-start;gap:var(--cadence-space-md);padding:var(--cadence-space-x3l) 0;flex-direction:column;display:flex}.cadence-skeleton-row{height:var(--cadence-touch-comfortable);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high);animation:cadence-pulse var(--cadence-motion-slow) var(--cadence-ease-smooth) infinite alternate}@keyframes cadence-pulse{0%{opacity:1}to{opacity:.55}}.cadence-screen-header{align-items:center;gap:var(--cadence-space-md);margin-bottom:var(--cadence-space-lg);flex-wrap:wrap;display:flex}.cadence-screen-header h1,.cadence-screen-header h2{margin:0 auto 0 0}.cadence-actions{align-items:center;gap:var(--cadence-space-sm);flex-wrap:wrap;display:flex}.cadence-button-quiet[aria-pressed=true]{background:var(--cadence-color-accent);color:var(--cadence-color-on-accent)}button:disabled{opacity:.5;cursor:not-allowed}.cadence-row-actions{align-items:center;gap:var(--cadence-space-xs);flex-wrap:wrap;display:flex}.cadence-icon-button{min-width:var(--cadence-touch-min);min-height:var(--cadence-touch-min);border-radius:var(--cadence-radius-pill);font-family:var(--cadence-type-label-small-family);font-size:var(--cadence-type-label-small-size);color:var(--cadence-color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.cadence-icon-button[data-favourited=true]{color:var(--cadence-color-accent)}.cadence-playlist-collection{gap:var(--cadence-space-lg);margin:0;padding:0;list-style:none;display:grid}.cadence-playlist-collection[data-presentation=grid]{grid-template-columns:repeat(auto-fill,minmax(16ch,1fr))}.cadence-playlist-collection[data-presentation=list]{gap:var(--cadence-space-xs);grid-template-columns:1fr}.cadence-playlist-card{align-items:stretch;gap:var(--cadence-space-sm);text-align:start;min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm);border-radius:var(--cadence-radius-md);flex-direction:column;display:flex}.cadence-playlist-collection[data-presentation=list] .cadence-playlist-card{background:var(--cadence-color-surface-high);flex-direction:row;align-items:center}.cadence-playlist-cover{aspect-ratio:1;max-width:100%;padding:var(--cadence-space-md);border-radius:var(--cadence-radius-md);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);filter:hue-rotate(var(--cadence-cover-hue,0deg));font-family:var(--cadence-type-title-small-family);font-size:var(--cadence-type-title-small-size);overflow-wrap:anywhere;align-items:flex-end;display:flex}.cadence-playlist-collection[data-presentation=list] .cadence-playlist-cover{width:var(--cadence-touch-car);flex:none}.cadence-playlist-caption{flex-direction:column;min-width:0;display:flex}.cadence-scrim{z-index:1;background:var(--cadence-color-scrim);display:flex;position:fixed;inset:0}.cadence-scrim[data-presentation=sheet]{justify-content:stretch;align-items:stretch}.cadence-scrim[data-presentation=dialog]{padding:var(--cadence-space-xxl);justify-content:center;align-items:center}.cadence-dialog{gap:var(--cadence-space-lg);background:var(--cadence-color-surface);padding:var(--cadence-space-xxl);flex-direction:column;display:flex;overflow-y:auto}.cadence-scrim[data-presentation=sheet] .cadence-dialog{border-radius:0;flex:1}.cadence-scrim[data-presentation=dialog] .cadence-dialog{border-radius:var(--cadence-radius-lg);width:100%;max-width:60ch;max-height:100%}.cadence-dialog-body{gap:var(--cadence-space-lg);flex-direction:column;min-height:0;display:flex}.cadence-dialog-footer{justify-content:flex-end;gap:var(--cadence-space-sm);flex-wrap:wrap;display:flex}.cadence-selection-bar{align-items:center;gap:var(--cadence-space-sm);padding:var(--cadence-space-sm) var(--cadence-space-lg);min-height:var(--cadence-touch-comfortable);background:var(--cadence-color-surface-highest);border-top:thin solid var(--cadence-color-outline);flex-wrap:wrap;display:flex}.cadence-selection-bar[data-placement=above-content]{border-top:none;border-bottom:thin solid var(--cadence-color-outline)}.cadence-selection-count{font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);margin-right:auto}.cadence-notice{align-items:center;gap:var(--cadence-space-sm);margin:0 0 var(--cadence-space-lg);padding:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);flex-wrap:wrap;display:flex}.cadence-pending{align-items:center;gap:var(--cadence-space-sm);font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary);flex-wrap:wrap;display:flex}.cadence-group{gap:var(--cadence-space-sm);padding:var(--cadence-space-md);margin-bottom:var(--cadence-space-lg);border:thin solid var(--cadence-color-outline);border-radius:var(--cadence-radius-md);flex-direction:column;display:flex}.cadence-album-artwork{align-items:flex-start;gap:var(--cadence-space-sm);flex-direction:column;min-width:0;display:flex}.cadence-artwork{aspect-ratio:1;width:12ch;max-width:100%;padding:var(--cadence-space-sm);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-highest);color:var(--cadence-color-text-secondary);font-family:var(--cadence-type-label-small-family);font-size:var(--cadence-type-label-small-size);align-items:flex-end;display:flex}.cadence-cover{--cadence-cover-small:var(--cadence-touch-comfortable);aspect-ratio:1;border-radius:var(--cadence-radius-md);background-image:linear-gradient(var(--cover-angle), var(--cover-top), var(--cover-bottom));flex:none;width:100%;position:relative;overflow:hidden}.cadence-cover:after{content:"";background-image:radial-gradient(circle at 32% 30%, var(--cover-pop), transparent 60%);opacity:.45;position:absolute;inset:0}.cadence-cover[data-size=small]{width:var(--cadence-cover-small);border-radius:var(--cadence-radius-sm)}.cadence-cover[data-size=large]{max-width:40ch}.cadence-card[data-shape=round] .cadence-cover{border-radius:var(--cadence-radius-pill)}.cadence-track-row{align-items:center;gap:var(--cadence-space-sm);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-xs) var(--cadence-space-sm);display:flex}.cadence-track-row-main{align-items:center;gap:var(--cadence-space-md);text-align:start;min-width:0;padding:var(--cadence-space-xs);flex:1;display:flex}.cadence-track-row-main[aria-current=true] .cadence-track-row-title{color:var(--cadence-color-accent)}.cadence-track-row-number{text-align:end;min-width:3ch;color:var(--cadence-color-text-tertiary)}.cadence-track-row-text{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.cadence-track-row-duration{color:var(--cadence-color-text-tertiary)}.cadence-track-row-more{flex:none}.cadence-card-grid{gap:var(--cadence-space-lg);grid-template-columns:repeat(auto-fill,minmax(14ch,1fr));display:grid}.cadence-card{gap:var(--cadence-space-xs);text-align:start;flex-direction:column;min-width:0;display:flex}.cadence-card-title,.cadence-card-subtitle{overflow-wrap:anywhere}.cadence-card-subtitle{color:var(--cadence-color-text-secondary)}.cadence-rail-track{min-width:0}.cadence-shortcuts,.cadence-view-switch,.cadence-chip-list{gap:var(--cadence-space-sm);margin:var(--cadence-space-lg) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.cadence-shortcuts button,.cadence-view-switch button,.cadence-chip-list button,.cadence-sort-options button,.cadence-suggestions button{min-height:var(--cadence-touch-min);padding:var(--cadence-space-xs) var(--cadence-space-md);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size)}.cadence-view-switch button[aria-current=true],.cadence-chip-list button[aria-current=true],.cadence-sort-options button[aria-current=true]{background:var(--cadence-color-accent);color:var(--cadence-color-on-accent)}.cadence-sort{margin-bottom:var(--cadence-space-lg);position:relative}.cadence-sort-options{gap:var(--cadence-space-sm);margin:var(--cadence-space-sm) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.cadence-detail-header .cadence-cover{width:24ch;max-width:100%}.cadence-continue{align-items:center;gap:var(--cadence-space-md);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);margin-bottom:var(--cadence-space-xxl);flex-wrap:wrap;display:flex}.cadence-suggestions button{justify-content:space-between;gap:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);text-align:start;width:100%;display:flex}.cadence-sheet-scrim{background:var(--cadence-color-scrim);z-index:2;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cadence-sheet{gap:var(--cadence-space-lg);width:100%;max-width:60ch;max-height:80dvh;padding:var(--cadence-space-xxl);border-radius:var(--cadence-radius-lg) var(--cadence-radius-lg) 0 0;background:var(--cadence-color-surface);flex-direction:column;display:flex;overflow-y:auto}.cadence-sheet-actions{gap:var(--cadence-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cadence-mini-player{align-items:center;gap:var(--cadence-space-md);border-top:thin solid var(--cadence-color-outline);background:var(--cadence-color-surface);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-lg);order:1;display:flex;position:relative}.cadence-mini-player-progress{block-size:var(--cadence-space-xxs);inline-size:var(--progress,0%);background:var(--cadence-color-accent);position:absolute;inset-block-start:0;inset-inline-start:0}.cadence-mini-player-open{align-items:center;gap:var(--cadence-space-md);text-align:start;flex:1;min-width:0;display:flex}.cadence-mini-player-text{flex-direction:column;min-width:0;display:flex}.cadence-mini-player-text>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cadence-now-playing{z-index:3;align-items:flex-start;gap:var(--cadence-space-md);padding:var(--cadence-space-xxl);background:var(--cadence-color-canvas);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.cadence-now-playing-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-md);width:100%;display:flex}.cadence-now-playing-art{touch-action:pan-y;width:100%;max-width:40ch}.cadence-transport{gap:var(--cadence-space-md);width:100%;margin-block:var(--cadence-space-lg);flex-direction:column;display:flex}.cadence-transport-scrub{align-items:center;gap:var(--cadence-space-md);display:flex}.cadence-range{min-width:0;accent-color:var(--cadence-color-accent);flex:1}.cadence-transport-buttons,.cadence-transport-extras{align-items:center;gap:var(--cadence-space-sm);flex-wrap:wrap;display:flex}.cadence-transport-buttons button{min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-xs) var(--cadence-space-md);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size)}.cadence-transport-buttons button[data-active=true]{color:var(--cadence-color-accent)}.cadence-transport-extras label{align-items:center;gap:var(--cadence-space-xs);color:var(--cadence-color-text-secondary);display:flex}.cadence-select{min-height:var(--cadence-touch-min);padding:var(--cadence-space-xs) var(--cadence-space-sm);border-radius:var(--cadence-radius-sm);border:thin solid var(--cadence-color-outline);background:var(--cadence-color-surface);color:var(--cadence-color-text-primary)}.cadence-select[data-active=true]{border-color:var(--cadence-color-accent);color:var(--cadence-color-accent)}.cadence-playback-problem{align-items:center;gap:var(--cadence-space-sm);padding:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-secondary);flex-wrap:wrap;display:flex}.cadence-queue{gap:var(--cadence-space-sm);flex-direction:column;width:100%;display:flex}.cadence-queue-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-sm);flex-wrap:wrap;display:flex}.cadence-queue-current{padding:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high)}.cadence-queue-list{gap:var(--cadence-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cadence-queue-list li{align-items:center;gap:var(--cadence-space-xs);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-xs) var(--cadence-space-sm);flex-wrap:wrap;display:flex}.cadence-page{min-height:100dvh;padding:var(--cadence-space-xxl);gap:var(--cadence-space-xxl);flex-direction:column;display:flex}.cadence-page-header{justify-content:space-between;align-items:baseline;gap:var(--cadence-space-lg);flex-wrap:wrap;display:flex}.cadence-page h1{font-family:var(--cadence-type-display-small-family);font-size:var(--cadence-type-display-small-size);font-weight:var(--cadence-type-display-small-weight);line-height:var(--cadence-type-display-small-height)}.cadence-page h2{font-family:var(--cadence-type-title-medium-family);font-size:var(--cadence-type-title-medium-size);font-weight:var(--cadence-type-title-medium-weight);margin-block:var(--cadence-space-lg) var(--cadence-space-sm)}.cadence-page p{margin:0 0 var(--cadence-space-sm);max-width:68ch}.cadence-page section{min-width:0}.cadence-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:0;height:0;padding:0;position:absolute;overflow:hidden}.cadence-drop-zone{align-items:flex-start;gap:var(--cadence-space-md);padding:var(--cadence-space-x3l);border:thin dashed var(--cadence-color-outline);border-radius:var(--cadence-radius-lg);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);flex-direction:column;display:flex}.cadence-drop-zone[data-over=true]{background:var(--cadence-color-surface-high)}.cadence-drop-zone-actions{gap:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-import-review,.cadence-import-progress{gap:var(--cadence-space-md);flex-direction:column;align-items:flex-start;display:flex}.cadence-queue-jump{text-align:start;flex-direction:column;flex:1;min-width:0;display:flex}.cadence-docked-panel{align-items:flex-start;gap:var(--cadence-space-sm);border-left:thin solid var(--cadence-color-outline);width:34ch;padding:var(--cadence-space-xxl);flex-direction:column;flex:none;display:flex;overflow-y:auto}.cadence-import-row-size,.cadence-import-row-state{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary);overflow-wrap:anywhere}.cadence-settings-layout{flex-direction:column}.cadence-settings-layout[data-beside=true]{align-items:flex-start;gap:var(--cadence-space-x3l);flex-direction:row}.cadence-settings-layout[data-beside=true] .cadence-settings-page{flex:1;min-width:0}.cadence-settings-groups{gap:var(--cadence-space-xs);flex-direction:column;display:flex}.cadence-settings-groups-compact{flex:none;width:26ch;min-width:0;max-width:100%}.cadence-settings-group{align-items:flex-start;gap:var(--cadence-space-xxs);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high);text-align:start;flex-direction:column;display:flex}.cadence-settings-group[aria-current=page]{outline:thin solid var(--cadence-color-accent)}.cadence-settings-identity{gap:var(--cadence-space-xxs);flex-direction:column;display:flex}.cadence-detail-rows{gap:var(--cadence-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cadence-detail-row{align-items:center;gap:var(--cadence-space-sm) var(--cadence-space-md);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.cadence-choice{align-items:flex-start;gap:var(--cadence-space-xxs);min-width:0;min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);border:thin solid var(--cadence-color-outline);text-align:start;flex-direction:column;flex:22ch;display:flex}.cadence-confirm{align-items:flex-start;gap:var(--cadence-space-sm);border-left:thin solid var(--cadence-color-outline);padding:var(--cadence-space-xxl);flex-direction:column;display:flex}.cadence-library-content{min-width:0}.cadence-nav-bottom button,.cadence-nav-rail button,.cadence-nav-sidebar button{font-size:min(var(--cadence-type-label-medium-size), var(--cadence-space-md));min-height:var(--cadence-touch-min);white-space:nowrap;text-overflow:ellipsis;min-width:0;padding-inline:var(--cadence-space-xxs);padding:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high);overflow:hidden}.cadence-device-current{padding:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high)}.cadence-downloads{gap:var(--cadence-space-xl);flex-direction:column;min-width:0;display:flex}.cadence-downloads-summary{gap:var(--cadence-space-sm) var(--cadence-space-xl);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);grid-template-columns:repeat(auto-fit,minmax(min(24ch,100%),1fr));align-items:start;min-width:0;display:grid}.cadence-downloads-summary p{overflow-wrap:anywhere;min-width:0;margin:0}.cadence-downloads-section{gap:var(--cadence-space-md);flex-direction:column;min-width:0;display:flex}.cadence-downloads-section h2{margin:0}.cadence-notice{justify-content:space-between;align-items:center;gap:var(--cadence-space-sm) var(--cadence-space-md);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-lg);border-top:thin solid var(--cadence-color-outline);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);flex-wrap:wrap;order:0;display:flex}.cadence-notice p{overflow-wrap:anywhere;flex:20ch;min-width:0;margin:0}.cadence-notice-actions{gap:var(--cadence-space-sm);flex-wrap:wrap;display:flex}.cadence-brand-mark{inline-size:var(--cadence-space-x3l);block-size:var(--cadence-space-x3l);flex:none;display:block}.cadence-brand-tile{fill:var(--cadence-color-accent)}.cadence-brand-bars{fill:var(--cadence-color-on-accent)}.cadence-shell{--cadence-shell-nav-width:0px;--cadence-shell-header-height:0px;--cadence-shell-panel-width:0px;--cadence-shell-bottom-inset:0px}.cadence-shell[data-nav=sidebar]{--cadence-shell-nav-width:calc(var(--cadence-space-x4l) * 6);--cadence-shell-header-height:calc(var(--cadence-space-x3l) * 2)}.cadence-shell[data-nav=rail]{--cadence-shell-nav-width:calc(var(--cadence-space-x4l) * 2)}.cadence-shell[data-band=large]{--cadence-shell-panel-width:calc(var(--cadence-space-x3l) * 12)}.cadence-shell[data-nav=rail],.cadence-shell[data-nav=bottom-bar]{--cadence-shell-bottom-inset:calc(var(--cadence-touch-comfortable) + 2 * var(--cadence-space-sm))}.cadence-shell[data-nav=bottom-bar]{--cadence-shell-bottom-inset:calc(var(--cadence-touch-comfortable) + 2 * var(--cadence-space-sm) + var(--cadence-touch-comfortable) + 2 * var(--cadence-space-xs))}.cadence-shell .cadence-player-mini-bar{margin-inline:var(--cadence-space-lg);margin-block-end:var(--cadence-space-lg)}.cadence-shell[data-nav=sidebar] .cadence-player-mini-bar,.cadence-shell[data-nav=rail] .cadence-player-mini-bar{margin-inline-start:calc(var(--cadence-shell-nav-width) + var(--cadence-space-lg))}.cadence-shell[data-nav=bottom-bar] .cadence-player-mini-bar{margin-inline:var(--cadence-space-sm);margin-block-end:var(--cadence-space-sm)}.cadence-shell[data-nav=rail] .cadence-shell-header{display:none}.cadence-shell[data-nav=sidebar] .cadence-shell-header{z-index:3;block-size:var(--cadence-shell-header-height);padding-inline:var(--cadence-space-lg);background:var(--cadence-color-surface);background:color-mix(in oklab, var(--cadence-color-surface) 80%, transparent);-webkit-backdrop-filter:blur(var(--cadence-space-xl));position:fixed;inset-block-start:0;inset-inline-start:var(--cadence-shell-nav-width);inset-inline-end:var(--cadence-shell-panel-width)}.cadence-shell .cadence-shell-header{gap:var(--cadence-space-sm);padding:var(--cadence-space-sm) var(--cadence-space-lg);border-bottom:thin solid var(--cadence-color-outline-soft)}.cadence-shell[data-nav=sidebar] .cadence-shell-header{border-bottom:none}.cadence-shell .cadence-shell-brand{align-items:center;gap:var(--cadence-space-sm);white-space:nowrap;min-width:0;font-size:min(var(--cadence-type-title-medium-size), var(--cadence-space-xl));display:flex}.cadence-shell .cadence-shell-brand .cadence-brand-mark{inline-size:var(--cadence-space-xxl);block-size:var(--cadence-space-xxl)}.cadence-shell-search{align-items:center;gap:var(--cadence-space-sm);max-inline-size:calc(var(--cadence-space-x3l) * 12);min-inline-size:0;padding-inline:var(--cadence-space-md);block-size:var(--cadence-touch-comfortable);border-radius:var(--cadence-radius-md);background:var(--cadence-color-canvas);color:var(--cadence-color-text-tertiary);transition:color var(--cadence-motion-fast) var(--cadence-ease-smooth);flex:auto;display:flex}.cadence-shell-search:focus-within{color:var(--cadence-color-accent)}.cadence-shell-search-icon{font-size:var(--cadence-space-lg);flex:none}.cadence-shell-search input{min-inline-size:0;color:var(--cadence-color-text-primary);font:inherit;font-family:var(--cadence-type-body-medium-family);font-size:var(--cadence-type-body-medium-size);background:0 0;border:none;flex:auto}.cadence-shell-search input::placeholder{color:var(--cadence-color-text-tertiary)}.cadence-shell-header-trailing{align-items:center;gap:var(--cadence-space-md);flex:none;display:flex}.cadence-shell-pending-badge{min-inline-size:var(--cadence-space-xl);block-size:var(--cadence-space-xl);padding-inline:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);font-family:var(--cadence-type-label-small-family);font-size:var(--cadence-type-label-small-size);font-weight:var(--cadence-type-label-small-weight);justify-content:center;align-items:center;display:inline-flex}.cadence-shell-pending-badge[hidden]{display:none}.cadence-shell-account{inline-size:var(--cadence-touch-min);block-size:var(--cadence-touch-min);border-radius:var(--cadence-radius-pill);color:var(--cadence-color-on-accent);font-size:var(--cadence-space-lg);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.cadence-shell-account:before{content:"";z-index:-1;inset:calc((var(--cadence-touch-min) - var(--cadence-space-x3l)) / 2);border-radius:inherit;background:var(--cadence-color-accent);position:absolute}.cadence-shell .cadence-shell-actions{gap:var(--cadence-space-xxs);flex-wrap:nowrap}.cadence-shell .cadence-shell-action{min-width:var(--cadence-touch-min);min-height:var(--cadence-touch-min);padding:var(--cadence-space-xs);border-radius:var(--cadence-radius-sm);color:var(--cadence-color-text-secondary);font-size:var(--cadence-space-xxl);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);justify-content:center;align-items:center;display:inline-flex}.cadence-shell .cadence-shell-action-text{padding-inline:var(--cadence-space-sm);font-family:var(--cadence-type-label-medium-family);font-size:min(var(--cadence-type-label-medium-size), var(--cadence-space-md));font-weight:var(--cadence-type-label-medium-weight);white-space:nowrap}.cadence-shell .cadence-shell-action:hover{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-shell .cadence-shell-pending{padding:var(--cadence-space-sm) var(--cadence-space-lg);color:var(--cadence-color-text-secondary);background:var(--cadence-color-surface-high);margin:0}.cadence-shell .cadence-shell-pending[hidden]{display:none}.cadence-shell .cadence-nav{background:var(--cadence-color-canvas);display:flex}.cadence-shell .cadence-nav-group{gap:var(--cadence-space-xxs);flex-direction:column;min-width:0;display:flex}.cadence-shell .cadence-nav-divider{width:100%;margin:var(--cadence-space-md) 0;border:none;border-top:thin solid var(--cadence-color-outline);flex:none}.cadence-shell .cadence-nav-spacer{min-height:var(--cadence-space-lg);flex:auto}.cadence-shell .cadence-nav .cadence-nav-row{align-items:center;gap:var(--cadence-space-md);min-width:0;min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-md);color:var(--cadence-color-text-secondary);text-align:start;transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), color var(--cadence-motion-fast) var(--cadence-ease-smooth);background:0 0;flex:none;display:flex}.cadence-shell .cadence-nav .cadence-nav-row:hover{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-shell .cadence-nav .cadence-nav-row-icon{font-size:var(--cadence-space-xxl);flex:none;justify-content:center;align-items:center;display:inline-flex}.cadence-shell .cadence-nav .cadence-nav-row-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--cadence-type-label-large-family);font-size:min(var(--cadence-type-label-large-size), var(--cadence-space-lg));font-weight:var(--cadence-type-label-large-weight);color:var(--cadence-color-text-primary);overflow:hidden}.cadence-shell .cadence-nav .cadence-nav-row[aria-current=page]{background:var(--cadence-color-surface-high);color:var(--cadence-color-accent)}.cadence-shell .cadence-nav-sidebar{width:var(--cadence-shell-nav-width);padding:var(--cadence-space-md);flex-direction:column;flex:none;gap:0;overflow-y:auto}.cadence-shell[data-nav=sidebar] .cadence-nav-sidebar{z-index:4;border-inline-end:thin solid var(--cadence-color-outline-soft);position:fixed;inset-block:0;inset-inline-start:0}.cadence-shell .cadence-nav-brand{align-items:center;gap:var(--cadence-space-md);min-width:0;padding:var(--cadence-space-md);padding-bottom:var(--cadence-space-xl);flex:none;display:flex}.cadence-shell .cadence-nav-sidebar .cadence-brand-mark{inline-size:var(--cadence-space-x3l);block-size:var(--cadence-space-x3l)}.cadence-shell .cadence-nav-brand-word{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--cadence-color-text-primary);font-size:min(var(--cadence-type-title-medium-size), var(--cadence-space-xl));overflow:hidden}.cadence-shell .cadence-nav-rail{padding:var(--cadence-space-md) var(--cadence-space-sm);border-right:thin solid var(--cadence-color-outline);flex-direction:column;flex:none;align-items:stretch;gap:0;overflow-y:auto}.cadence-shell .cadence-nav-rail .cadence-nav-brand{padding:var(--cadence-space-sm);padding-bottom:var(--cadence-space-lg);justify-content:center}.cadence-shell .cadence-nav-rail .cadence-nav-row{padding:var(--cadence-space-sm);justify-content:center;position:relative;overflow:visible}.cadence-shell .cadence-nav-rail .cadence-nav-row[aria-current=page]:before{content:"";inset-inline-start:calc(-1 * var(--cadence-space-xs));inset-block:var(--cadence-space-sm);width:var(--cadence-space-xxs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-accent);position:absolute}.cadence-shell .cadence-nav-bottom{padding:var(--cadence-space-xs) 0 calc(var(--cadence-space-xs) + env(safe-area-inset-bottom,0px));border-top:thin solid var(--cadence-color-outline);flex-direction:row;order:2;align-items:stretch;gap:0}.cadence-shell .cadence-nav-bottom .cadence-nav-row{justify-content:center;gap:var(--cadence-space-xxs);padding:var(--cadence-space-xs) 0;min-height:var(--cadence-touch-comfortable);border-radius:var(--cadence-radius-sm);text-align:center;flex-direction:column;flex:1 1 0}.cadence-shell .cadence-nav-bottom .cadence-nav-row-label{width:100%;font-size:min(var(--cadence-type-label-small-size), calc(var(--cadence-space-md) - var(--cadence-space-xxs)));letter-spacing:normal;text-align:center}.cadence-shell .cadence-nav-bottom .cadence-nav-row[aria-current=page]{background:0 0}.cadence-shell .cadence-nav-bottom .cadence-nav-row[aria-current=page] .cadence-nav-row-label{color:var(--cadence-color-accent)}.cadence-shell .cadence-nav-storage{align-items:stretch;gap:var(--cadence-space-xs);min-width:0;padding:var(--cadence-space-md);margin-bottom:var(--cadence-space-sm);border-radius:var(--cadence-radius-md);color:var(--cadence-color-text-tertiary);text-align:start;transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);background:0 0;flex-direction:column;flex:none;display:flex}.cadence-shell .cadence-nav-storage:hover{background:var(--cadence-color-surface-high)}.cadence-shell .cadence-nav-storage-label{font-size:min(var(--cadence-type-label-small-size), var(--cadence-space-md));text-transform:none}.cadence-shell .cadence-nav-storage-track{width:100%;height:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-highest);display:block;overflow:hidden}.cadence-shell .cadence-nav-storage-fill{width:var(--cadence-storage-fill,0%);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-accent);height:100%;display:block}.cadence-shell .cadence-nav-storage-figures{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:min(var(--cadence-type-body-small-size), var(--cadence-space-md));color:var(--cadence-color-text-secondary);overflow:hidden}.cadence-shell[data-nav=sidebar] .cadence-shell-main{padding-block-start:var(--cadence-shell-header-height);padding-inline:var(--cadence-space-lg);background:var(--cadence-color-surface);margin-inline-start:var(--cadence-shell-nav-width)}.cadence-shell[data-nav=sidebar] .cadence-destination{max-inline-size:calc(var(--cadence-space-x5l) * 18);margin-inline:auto}.cadence-loading{background:var(--cadence-color-canvas)}.cadence-loading .cadence-brand-mark{inline-size:calc(var(--cadence-space-x3l) * 2);block-size:calc(var(--cadence-space-x3l) * 2);border-radius:var(--cadence-radius-xl)}.cadence-library-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-md);flex-wrap:wrap;margin-block-end:var(--cadence-space-md);display:flex}.cadence-library-actions{align-items:center;gap:var(--cadence-space-xs);flex-wrap:wrap;display:flex}.cadence-icon-pill{min-inline-size:var(--cadence-touch-min);min-block-size:var(--cadence-touch-min);border-radius:var(--cadence-radius-pill);color:var(--cadence-color-text-secondary);font-size:var(--cadence-type-body-large-size);z-index:0;background:0 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.cadence-icon-pill:before{content:"";inset:var(--cadence-space-xs);z-index:-1;border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);position:absolute}.cadence-icon-pill svg{width:1.35em;height:1.35em}.cadence-icon-pill:hover,.cadence-icon-pill[aria-pressed=true],.cadence-icon-pill[aria-expanded=true]{color:var(--cadence-color-text-primary)}.cadence-icon-pill:hover:before,.cadence-icon-pill[aria-pressed=true]:before,.cadence-icon-pill[aria-expanded=true]:before{background:var(--cadence-color-surface-highest)}.cadence-icon-pill[aria-pressed=true],.cadence-icon-pill[aria-expanded=true]{color:var(--cadence-color-accent)}.cadence-sort-anchor{display:inline-flex;position:relative}.cadence-sort-menu{z-index:1;gap:var(--cadence-space-xxs);min-width:max-content;margin:var(--cadence-space-xs) 0 0;padding:var(--cadence-space-xs);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-highest);box-shadow:0 var(--cadence-space-md) var(--cadence-space-x3l) calc(-1 * var(--cadence-space-sm)) color-mix(in oklab, var(--cadence-color-canvas) 60%, transparent);flex-direction:column;list-style:none;display:flex;position:absolute;inset-block-start:100%;inset-inline-end:0}.cadence-sort-menu button{width:100%;min-height:var(--cadence-touch-min);padding:var(--cadence-space-xs) var(--cadence-space-md);border-radius:var(--cadence-radius-sm);text-align:start;font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);font-weight:var(--cadence-type-label-medium-weight);color:var(--cadence-color-text-secondary)}.cadence-sort-menu button:hover{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-sort-menu button[aria-current=true]{color:var(--cadence-color-accent)}.cadence-library-chips{gap:var(--cadence-space-sm);margin-block:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-library-chips button{align-items:center;gap:var(--cadence-space-xs);min-height:var(--cadence-touch-min);padding:var(--cadence-space-xs) var(--cadence-space-lg);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-secondary);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), color var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}.cadence-library-chips button:hover{color:var(--cadence-color-text-primary)}.cadence-library-chips button[aria-current=true]{background:var(--cadence-color-text-primary);color:var(--cadence-color-canvas)}.cadence-library-chips button[aria-current=true]:after{content:"";inline-size:var(--cadence-space-sm);block-size:var(--cadence-space-sm);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-accent)}.cadence-library-summary{align-items:baseline;gap:var(--cadence-space-sm);margin:0 0 var(--cadence-space-md);color:var(--cadence-color-text-secondary);flex-wrap:wrap;display:flex}.cadence-sync-flag{align-items:center;gap:var(--cadence-space-xs);font-size:var(--cadence-type-label-small-size);color:var(--cadence-color-text-tertiary);margin-inline-start:auto;display:inline-flex}.cadence-sync-flag:before{content:"";width:var(--cadence-space-sm);height:var(--cadence-space-sm);border-radius:var(--cadence-radius-pill);background:currentColor}.cadence-sync-flag[data-status=idle]{color:var(--cadence-color-success)}.cadence-sync-flag[data-status=idle]:before{box-shadow:0 0 var(--cadence-space-sm) color-mix(in oklab, var(--cadence-color-success) 80%, transparent)}.cadence-sync-flag[data-status=failed]{color:var(--cadence-color-danger)}.cadence-play-bar{gap:var(--cadence-space-md);width:100%;margin-block:var(--cadence-space-md) var(--cadence-space-lg);flex-wrap:wrap;display:flex}.cadence-shell[data-band=phone] .cadence-play-bar{flex-direction:column}.cadence-shell[data-band=phone] .cadence-play-bar button{flex:none}.cadence-play-bar button{min-width:0;min-height:var(--cadence-touch-comfortable);justify-content:center;align-items:center;gap:var(--cadence-space-sm);padding-inline:var(--cadence-space-lg);border-radius:var(--cadence-radius-pill);overflow-wrap:anywhere;transition:box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth), transform var(--cadence-motion-instant) var(--cadence-ease-smooth), opacity var(--cadence-motion-fast) var(--cadence-ease-smooth);flex:12ch;display:inline-flex;position:relative;overflow:hidden}.cadence-play-bar button svg{flex:none;width:1.25em;height:1.25em}.cadence-play-bar button>span{overflow-wrap:anywhere;text-align:center;min-width:0}.cadence-play-bar button[data-tone=accent]{background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);box-shadow:0 var(--cadence-space-sm) var(--cadence-space-xxl) calc(-1 * var(--cadence-space-xs)) color-mix(in oklab, var(--cadence-color-accent) 45%, transparent)}.cadence-play-bar button[data-tone=accent]:hover{box-shadow:0 var(--cadence-space-md) var(--cadence-space-x3l) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-accent) 65%, transparent);transform:scale(1.01)}.cadence-play-bar button[data-tone=accent]:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--cadence-color-on-accent) 20%, transparent), transparent);pointer-events:none;inline-size:100%;position:absolute;inset-block:0;inset-inline-start:-100%}@media (prefers-reduced-motion:no-preference){.cadence-play-bar button[data-tone=accent]:after{transition:transform var(--cadence-motion-screen) var(--cadence-ease-exit)}.cadence-play-bar button[data-tone=accent]:hover:after{transform:translate(200%)}}.cadence-play-bar button[data-tone=ghost]{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-play-bar button[data-tone=ghost]:hover{color:var(--cadence-color-accent)}@media (prefers-reduced-motion:no-preference){.cadence-play-bar button[data-tone=ghost] svg{transition:transform var(--cadence-motion-normal) var(--cadence-ease-smooth)}.cadence-play-bar button[data-tone=ghost]:hover svg{transform:rotate(180deg)}}.cadence-button-primary{min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-xl);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight)}.cadence-track-list-head{gap:var(--cadence-space-sm);padding-inline:var(--cadence-space-sm);color:var(--cadence-color-text-tertiary);text-transform:uppercase;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 7fr 2fr 2fr;padding-block-end:var(--cadence-space-xs);display:grid}.cadence-track-list-head span:first-child{text-align:center}.cadence-track-list-head span:nth-child(3){text-align:end;padding-inline-end:var(--cadence-space-xs)}.cadence-track-list-head span:last-child{text-align:end}ul.cadence-track-list{gap:var(--cadence-space-xxs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}li.cadence-track-row{align-items:center;gap:var(--cadence-space-sm);padding:var(--cadence-space-sm);border-radius:var(--cadence-radius-lg);min-height:var(--cadence-touch-comfortable);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth);background:0 0}li.cadence-track-row[data-columns=table]{grid-template-columns:1fr 7fr 2fr 2fr;display:grid}li.cadence-track-row[data-columns=compact]{display:flex}li.cadence-track-row[data-columns=compact] .cadence-track-row-index[data-lead=index],li.cadence-track-row[data-columns=compact] .cadence-track-row-index[data-lead=bars]{display:none}li.cadence-track-row:hover,li.cadence-track-row:focus-within{background:var(--cadence-color-surface-high)}li.cadence-track-row[data-playing=true]{background:var(--cadence-color-surface-highest);box-shadow:0 var(--cadence-space-xs) var(--cadence-space-xl) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-accent) 15%, transparent)}li.cadence-track-row[data-playing=true] .cadence-track-row-title,li.cadence-track-row[data-playing=true] .cadence-track-row-duration{color:var(--cadence-color-accent)}.cadence-track-row-index{min-inline-size:var(--cadence-touch-min);min-block-size:var(--cadence-touch-min);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.cadence-track-row-index input[type=checkbox]{accent-color:var(--cadence-color-accent);inline-size:var(--cadence-space-xl);block-size:var(--cadence-space-xl)}.cadence-track-row-number{pointer-events:none;color:var(--cadence-color-text-tertiary);transition:opacity var(--cadence-motion-fast) var(--cadence-ease-smooth)}.cadence-track-row-play{border-radius:var(--cadence-radius-pill);color:var(--cadence-color-text-primary);opacity:0;transition:opacity var(--cadence-motion-fast) var(--cadence-ease-smooth);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}li.cadence-track-row:hover .cadence-track-row-number,li.cadence-track-row:focus-within .cadence-track-row-number{opacity:0}li.cadence-track-row:hover .cadence-track-row-play,li.cadence-track-row:focus-within .cadence-track-row-play,.cadence-track-row-play:focus-visible{opacity:1}.cadence-track-row-drag{min-inline-size:var(--cadence-touch-min);min-block-size:var(--cadence-touch-min);color:var(--cadence-color-text-tertiary);cursor:grab;justify-content:center;align-items:center;display:inline-flex}.cadence-track-row-bars{justify-content:center;align-items:flex-end;gap:var(--cadence-space-xxs);inline-size:var(--cadence-space-xl);block-size:var(--cadence-space-xl);display:inline-flex}.cadence-track-row-bars span{inline-size:var(--cadence-space-xxs);border-radius:var(--cadence-radius-xs);background:var(--cadence-color-accent);transform-origin:bottom}.cadence-track-row-bars span:first-child{block-size:100%;animation-delay:.1s}.cadence-track-row-bars span:nth-child(2){block-size:67%;animation-delay:.4s}.cadence-track-row-bars span:nth-child(3){block-size:80%;animation-delay:.2s}@media (prefers-reduced-motion:no-preference){.cadence-track-row-bars[data-playing=true] span{animation:1s ease-in-out infinite alternate cadence-track-bars}}@keyframes cadence-track-bars{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}.cadence-track-row-main{align-items:center;gap:var(--cadence-space-md);text-align:start;flex:1;min-width:0;padding:0;display:flex}.cadence-track-row-art{flex:none;position:relative}.cadence-track-row-art .cadence-cover{width:var(--cadence-touch-min);border-radius:var(--cadence-radius-md)}.cadence-track-row-art-overlay{border-radius:var(--cadence-radius-md);color:var(--cadence-color-text-primary);background:color-mix(in oklab, var(--cadence-color-canvas) 60%, transparent);opacity:0;transition:opacity var(--cadence-motion-fast) var(--cadence-ease-smooth);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}li.cadence-track-row:hover .cadence-track-row-art-overlay,li.cadence-track-row:focus-within .cadence-track-row-art-overlay{opacity:1}.cadence-track-row-text{gap:var(--cadence-space-xxs);overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.cadence-track-row-title-line{align-items:center;gap:var(--cadence-space-xs);flex-wrap:wrap;min-width:0;display:inline-flex}.cadence-track-row-title{min-width:0;color:var(--cadence-color-text-primary)}.cadence-track-row-chip{padding-block:var(--cadence-space-xxs);padding-inline:var(--cadence-space-xs);border-radius:var(--cadence-radius-xs);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);text-transform:uppercase;flex:none}.cadence-track-row-artist{color:var(--cadence-color-text-tertiary)}.cadence-track-row-note{color:var(--cadence-color-text-secondary)}.cadence-track-row-duration{text-align:end;padding-inline:var(--cadence-space-xs);color:var(--cadence-color-text-tertiary)}li.cadence-track-row[data-columns=compact] .cadence-track-row-duration{flex:none}.cadence-track-row-trailing{justify-content:flex-end;align-items:center;gap:var(--cadence-space-xs);flex:none;display:inline-flex}button.cadence-icon-button{min-inline-size:var(--cadence-touch-min);min-block-size:var(--cadence-touch-min);border-radius:var(--cadence-radius-pill);font-size:var(--cadence-type-body-large-size);color:var(--cadence-color-text-tertiary);transition:color var(--cadence-motion-fast) var(--cadence-ease-smooth);justify-content:center;align-items:center;display:inline-flex}button.cadence-icon-button svg{width:1.25em;height:1.25em}button.cadence-icon-button[data-favourited=true]{color:var(--cadence-color-accent)}button.cadence-icon-button:hover{color:var(--cadence-color-text-primary)}button.cadence-icon-button[data-favourited=true]:hover{color:var(--cadence-color-accent)}div.cadence-card-grid{grid-template-columns:repeat(auto-fill,minmax(18ch,1fr))}div.cadence-card-grid[data-columns=wide]{grid-template-columns:repeat(auto-fill,minmax(20ch,1fr))}.cadence-card{transition:transform var(--cadence-motion-fast) var(--cadence-ease-smooth)}.cadence-card:hover{transform:translateY(calc(-1 * var(--cadence-space-xxs)))}.cadence-card:hover .cadence-card-title{color:var(--cadence-color-accent)}.cadence-card-art{position:relative}.cadence-card-art-overlay{border-radius:inherit;color:var(--cadence-color-text-primary);background:color-mix(in oklab, var(--cadence-color-canvas) 60%, transparent);opacity:0;transition:opacity var(--cadence-motion-fast) var(--cadence-ease-smooth);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cadence-card:hover .cadence-card-art-overlay,.cadence-card:focus-visible .cadence-card-art-overlay{opacity:1}.cadence-card-caption{gap:var(--cadence-space-xxs);flex-direction:column;min-width:0;display:flex}.cadence-card[data-shape=wide]{display:grid}.cadence-card[data-shape=wide]>*{grid-area:1/1}.cadence-card[data-shape=wide] .cadence-cover{aspect-ratio:16/10}.cadence-card[data-shape=wide] .cadence-card-caption{max-width:100%;margin:var(--cadence-space-md);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-canvas);place-self:end start;position:relative}.cadence-card[data-shape=wide] .cadence-card-subtitle{color:var(--cadence-color-text-secondary)}div.cadence-state{align-items:flex-start;gap:var(--cadence-space-md);padding-block:var(--cadence-space-x3l) 0;flex-direction:column;display:flex}.cadence-state-message{color:var(--cadence-color-text-secondary);margin:0}.cadence-skeleton-list{gap:var(--cadence-space-xxs);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.cadence-skeleton-row{min-height:var(--cadence-touch-comfortable);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high)}@media (prefers-reduced-motion:no-preference){.cadence-skeleton-row{animation:cadence-pulse var(--cadence-motion-slow) var(--cadence-ease-smooth) infinite alternate}}.cadence-banner{margin:0 0 var(--cadence-space-lg);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-sm);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-secondary)}div.cadence-scrim{background:color-mix(in oklab, var(--cadence-color-canvas) 70%, transparent)}div.cadence-dialog{border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);box-shadow:0 var(--cadence-space-xl) var(--cadence-space-x5l) calc(-1 * var(--cadence-space-md)) color-mix(in oklab, var(--cadence-color-canvas) 60%, transparent)}.cadence-scrim[data-presentation=sheet] .cadence-dialog{border-radius:0}.cadence-dialog-header h2{margin:0}.cadence-sheet-scrim{background:color-mix(in oklab, var(--cadence-color-canvas) 70%, transparent)}div.cadence-sheet{border-radius:var(--cadence-radius-lg) var(--cadence-radius-lg) 0 0;background:var(--cadence-color-surface-high);box-shadow:0 var(--cadence-space-xl) var(--cadence-space-x5l) calc(-1 * var(--cadence-space-md)) color-mix(in oklab, var(--cadence-color-canvas) 60%, transparent)}.cadence-sheet-header{gap:var(--cadence-space-xxs);border-block-end:thin solid var(--cadence-color-outline);flex-direction:column;padding-block-end:var(--cadence-space-sm);display:flex}.cadence-sheet-subtitle{color:var(--cadence-color-text-secondary);margin:0}.cadence-sheet-actions button{width:100%;min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface);text-align:start;font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size)}.cadence-sheet-actions button:hover{background:var(--cadence-color-surface-highest)}.cadence-song-details dl{gap:var(--cadence-space-md);grid-template-columns:repeat(auto-fit,minmax(18ch,1fr));margin:0;display:grid}.cadence-song-details dt{color:var(--cadence-color-text-tertiary)}.cadence-song-details dd{overflow-wrap:anywhere;margin:0}.cadence-rail{margin-block:var(--cadence-space-xxl)}.cadence-rail-header{justify-content:space-between;align-items:baseline;gap:var(--cadence-space-md);margin-bottom:var(--cadence-space-md);display:flex}.cadence-rail-track{gap:var(--cadence-space-md);min-width:0;padding-block-end:var(--cadence-space-xs);display:flex;overflow-x:auto}.cadence-rail-track>.cadence-card{inline-size:calc(var(--cadence-space-x5l) * 3);flex:none}.cadence-rail-track>.cadence-track-list{flex:auto;min-inline-size:0}.cadence-rail-track:has(>.cadence-track-list){flex-direction:column;gap:0;overflow-x:visible}.cadence-artist-rows{gap:var(--cadence-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:none}.cadence-artist-rows button{width:100%;min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);text-align:start}.cadence-shell[data-band=phone] .cadence-artist-rows{display:flex}.cadence-shell[data-band=phone] [data-testid=library-artist-grid]{display:none}.cadence-back{margin-bottom:var(--cadence-space-md)}.cadence-detail-header{gap:var(--cadence-space-lg);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-lg);background-image:linear-gradient(var(--cover-angle,135deg), var(--cover-dominant,transparent), transparent);margin-bottom:var(--cadence-space-xxl);flex-wrap:wrap;display:flex}.cadence-detail-header .cadence-cover{border-radius:var(--cadence-radius-xl);width:24ch;max-width:100%}.cadence-album-artwork,.cadence-album-artwork>*{max-width:100%}.cadence-detail-header-text{gap:var(--cadence-space-sm);flex-direction:column;flex:20ch;align-items:flex-start;min-width:0;display:flex}.cadence-detail-header-text>*{overflow-wrap:anywhere;max-width:100%}.cadence-detail-actions{gap:var(--cadence-space-sm);margin-top:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-detail-actions>button,.cadence-album-artwork>button{overflow-wrap:anywhere;max-width:100%}.cadence-link{overflow-wrap:anywhere;max-width:100%;color:var(--cadence-color-accent);font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);text-align:start;min-height:var(--cadence-touch-min)}.cadence-link:disabled{color:var(--cadence-color-text-secondary)}.cadence-rows{gap:var(--cadence-space-xxs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cadence-row{align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);flex-wrap:wrap;display:flex}.cadence-row-main{flex-direction:column;flex:12ch;min-width:0;display:flex}.cadence-row-title{font-family:var(--cadence-type-body-medium-family);font-size:var(--cadence-type-body-medium-size)}.cadence-row-detail{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary)}.cadence-group{gap:var(--cadence-space-sm);padding:var(--cadence-space-md);margin-bottom:var(--cadence-space-lg);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);flex-direction:column;display:flex}.cadence-hint{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary);margin:0}.cadence-message,.cadence-notice{margin:0 0 var(--cadence-space-lg);padding:var(--cadence-space-md);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-button-ghost{min-height:var(--cadence-touch-min);padding-inline:var(--cadence-space-lg);border-radius:var(--cadence-radius-pill);color:var(--cadence-color-text-secondary);font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size)}.cadence-button-ghost:hover{color:var(--cadence-color-text-primary);background:var(--cadence-color-surface-high)}.cadence-button-quiet{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);border-radius:var(--cadence-radius-pill);padding-block:var(--cadence-space-sm);padding-inline:var(--cadence-space-lg);font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size)}.cadence-button-quiet:hover{background:var(--cadence-color-surface-highest)}.cadence-button-danger{background:var(--cadence-color-danger);color:var(--cadence-color-on-accent)}.cadence-player-dock,.cadence-player-mini-bar,.cadence-player-full-screen,.cadence-player-queue-sheet{--cadence-shadow-accent-lift:0 var(--cadence-space-sm) var(--cadence-space-xxl) calc(-1 * var(--cadence-space-xs)) color-mix(in oklab, var(--cadence-color-accent) 45%, transparent);--cadence-shadow-accent-lift-hover:0 var(--cadence-space-md) var(--cadence-space-x3l) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-accent) 65%, transparent);--cadence-shadow-cover-glow:0 var(--cadence-space-xxl) calc(var(--cadence-space-x5l) + var(--cadence-space-sm)) calc(-1 * var(--cadence-space-md)) color-mix(in oklab, var(--cadence-color-accent) 28%, transparent)}.cadence-player-dock{inline-size:var(--cadence-shell-panel-width);align-items:stretch;gap:var(--cadence-space-lg);padding:var(--cadence-space-lg);border-inline-start:thin solid var(--cadence-color-outline-soft);flex-direction:column;flex:none;display:flex;overflow-y:auto}.cadence-player-dock-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-sm);min-inline-size:0;display:flex}.cadence-player-dock-eyebrow{color:var(--cadence-color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:0}.cadence-player-source{color:var(--cadence-color-text-tertiary);margin:0}.cadence-player-dock-cover,.cadence-player-full-art{justify-content:center;display:flex;position:relative}.cadence-player-cover-glow{inset:var(--cadence-space-xl);border-radius:var(--cadence-radius-xl);background:color-mix(in oklab, var(--cadence-color-accent) 20%, transparent);filter:blur(var(--cadence-space-xxl));pointer-events:none;position:absolute}.cadence-player-dock-cover .cadence-cover,.cadence-player-full-art .cadence-cover{border-radius:var(--cadence-radius-xl);box-shadow:var(--cadence-shadow-cover-glow);position:relative}.cadence-player-quality{text-align:center;color:var(--cadence-color-text-tertiary);margin:0}.cadence-player-headline{align-items:center;gap:var(--cadence-space-sm);min-inline-size:0;display:flex}.cadence-player-headline>.cadence-player-name{flex:1}.cadence-player-headline-text{gap:var(--cadence-space-xxs);flex-direction:column;flex:1;min-inline-size:0;display:flex}.cadence-player-title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-inline-size:0;margin:0;display:-webkit-box;overflow:hidden}.cadence-player-subtitle{min-inline-size:0;color:var(--cadence-color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.cadence-player-quiet{color:var(--cadence-color-text-tertiary);margin:0}.cadence-player-dock-empty{justify-content:center;align-items:center;gap:var(--cadence-space-sm);text-align:center;padding:var(--cadence-space-xxl);flex-direction:column;flex:1;display:flex}.cadence-player-dock-empty-art{inline-size:calc(var(--cadence-space-x5l) * 2);block-size:calc(var(--cadence-space-x5l) * 2);border-radius:var(--cadence-radius-xl);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-tertiary);place-items:center;margin-block-end:var(--cadence-space-sm);display:grid}.cadence-player-dock-empty-title{color:var(--cadence-color-text-secondary);margin:0}.cadence-player-rule{border:none;border-block-start:thin solid var(--cadence-color-outline);block-size:0;inline-size:100%;margin:0}.cadence-player-name{text-align:start;white-space:nowrap;text-overflow:ellipsis;align-items:center;min-inline-size:0;padding:0;display:inline-flex;overflow:hidden}.cadence-player-name:disabled{cursor:default}.cadence-player-link{color:var(--cadence-color-accent);font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);font-weight:var(--cadence-type-label-medium-weight);padding:0}.cadence-player-link:disabled{color:var(--cadence-color-text-tertiary)}.cadence-player-transport{gap:var(--cadence-space-sm);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}.cadence-player-scrub{gap:var(--cadence-space-xs);flex-direction:column;min-inline-size:0;display:flex}.cadence-player-range{appearance:none;inline-size:100%;min-inline-size:0;block-size:var(--cadence-space-lg);cursor:pointer;background:0 0;margin:0;padding:0}.cadence-player-range::-webkit-slider-runnable-track{block-size:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:linear-gradient(to right, var(--cadence-color-accent) var(--played,0%), var(--cadence-color-surface-highest) var(--played,0%))}.cadence-player-range::-webkit-slider-thumb{appearance:none;inline-size:var(--cadence-space-md);block-size:var(--cadence-space-md);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-text-primary);box-shadow:0 0 var(--cadence-space-sm) color-mix(in oklab, var(--cadence-color-accent) 60%, transparent);transition:transform var(--cadence-motion-fast) var(--cadence-ease-smooth);border:none;margin-block-start:calc((var(--cadence-space-xs) - var(--cadence-space-md)) / 2)}.cadence-player-range:hover::-webkit-slider-thumb{transform:scale(1.25)}.cadence-player-range::-moz-range-track{block-size:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-highest)}.cadence-player-range::-moz-range-progress{block-size:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-accent)}.cadence-player-range::-moz-range-thumb{inline-size:var(--cadence-space-md);block-size:var(--cadence-space-md);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-text-primary);box-shadow:0 0 var(--cadence-space-sm) color-mix(in oklab, var(--cadence-color-accent) 60%, transparent);transition:transform var(--cadence-motion-fast) var(--cadence-ease-smooth);border:none}.cadence-player-range:hover::-moz-range-thumb{transform:scale(1.25)}.cadence-player-times{justify-content:space-between;align-items:baseline;gap:var(--cadence-space-sm);min-inline-size:0;display:flex}.cadence-player-time{color:var(--cadence-color-text-secondary)}.cadence-player-buffering{color:var(--cadence-color-text-tertiary)}.cadence-player-buttons{justify-content:space-evenly;align-items:center;gap:var(--cadence-space-xs);flex-wrap:wrap;min-inline-size:0;display:flex}.cadence-player-button{min-inline-size:var(--cadence-touch-min);min-block-size:var(--cadence-touch-min);border-radius:var(--cadence-radius-pill);font-size:var(--cadence-type-display-medium-size);color:var(--cadence-color-text-primary);transition:color var(--cadence-motion-fast) var(--cadence-ease-smooth);flex:none;justify-content:center;align-items:center;display:inline-flex}.cadence-player-button:hover{color:var(--cadence-color-accent)}.cadence-player-button-edge{font-size:var(--cadence-type-display-small-size);color:var(--cadence-color-text-secondary)}.cadence-player-button[data-active=true]{color:var(--cadence-color-accent)}.cadence-player-button-mini{font-size:var(--cadence-type-display-small-size)}.cadence-player-play{aspect-ratio:1;min-inline-size:var(--cadence-space-x5l);min-block-size:var(--cadence-space-x5l);margin-inline:var(--cadence-space-sm);padding:var(--cadence-space-sm);border-radius:var(--cadence-radius-pill);font-size:var(--cadence-type-display-large-size);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);box-shadow:var(--cadence-shadow-accent-lift);transition:transform var(--cadence-motion-fast) var(--cadence-ease-smooth), box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth);flex:none;justify-content:center;align-items:center;display:inline-flex}.cadence-player-play:hover{box-shadow:var(--cadence-shadow-accent-lift-hover);transform:scale(1.05)}.cadence-player-extras{justify-content:center;align-items:center;gap:var(--cadence-space-xs) var(--cadence-space-md);flex-wrap:wrap;min-inline-size:0;display:flex}.cadence-player-extra{align-items:center;gap:var(--cadence-space-xs);min-inline-size:0;display:inline-flex}.cadence-player-extra-name{color:var(--cadence-color-text-tertiary)}.cadence-player-select{appearance:none;align-items:center;gap:var(--cadence-space-xs);max-inline-size:100%;min-block-size:var(--cadence-touch-min);padding-block:var(--cadence-space-xs);padding-inline:var(--cadence-space-md);border:thin solid var(--cadence-color-outline);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-secondary);font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);font-weight:var(--cadence-type-label-medium-weight);cursor:pointer;transition:color var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}.cadence-player-select:hover{background:var(--cadence-color-surface-highest)}.cadence-player-select[data-active=true]{border-color:var(--cadence-color-accent);color:var(--cadence-color-accent)}.cadence-player-select option{background:var(--cadence-color-surface);color:var(--cadence-color-text-primary)}.cadence-player-problem{gap:var(--cadence-space-sm);padding:var(--cadence-space-md);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-secondary);flex-direction:column;display:flex}.cadence-player-problem p{margin:0}.cadence-player-problem-actions{align-items:center;gap:var(--cadence-space-lg);flex-wrap:wrap;display:flex}.cadence-player-upnext{gap:var(--cadence-space-sm);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}.cadence-player-upnext-title{color:var(--cadence-color-text-primary);margin:0;font-weight:600}.cadence-player-upnext-list{gap:var(--cadence-space-xxs);flex-direction:column;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.cadence-player-queue{gap:var(--cadence-space-sm);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}.cadence-player-queue-sheet{inline-size:min(48ch,100%)}.cadence-player-queue-scrim{z-index:4}.cadence-player-queue-sheet-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-sm);display:flex}.cadence-player-section{color:var(--cadence-color-text-tertiary);margin:0}.cadence-player-queue-heading{justify-content:space-between;align-items:center;gap:var(--cadence-space-sm);min-inline-size:0;display:flex}.cadence-player-queue-now{align-items:center;gap:var(--cadence-space-md);min-inline-size:0;min-block-size:var(--cadence-touch-comfortable);display:flex}.cadence-player-queue-text{gap:var(--cadence-space-xxs);flex-direction:column;flex:1;min-inline-size:0;display:flex}.cadence-player-queue-playing{color:var(--cadence-color-accent)}.cadence-player-queue-artist{color:var(--cadence-color-text-secondary)}.cadence-player-queue-playing,.cadence-player-queue-artist{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;max-inline-size:100%;overflow:hidden}.cadence-player-queue-list{flex-direction:column;min-inline-size:0;display:flex}.cadence-player-queue-entry{min-inline-size:0;position:relative}.cadence-player-queue-entry-trailing{align-items:center;gap:var(--cadence-space-xxs);display:inline-flex;position:relative}.cadence-player-queue-duration{color:var(--cadence-color-text-secondary);flex:none}.cadence-player-menu{z-index:2;min-inline-size:min(24ch,100%);max-inline-size:100%;padding:var(--cadence-space-xs);border:thin solid var(--cadence-color-outline);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);flex-direction:column;display:flex;position:absolute;inset-block-start:100%;inset-inline-end:0}.cadence-player-menu-item{padding-inline:var(--cadence-space-md);border-radius:var(--cadence-radius-sm);text-align:start;color:var(--cadence-color-text-primary);font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);font-weight:var(--cadence-type-label-medium-weight);align-items:center;display:flex}.cadence-player-menu-item:hover{background:var(--cadence-color-surface-highest)}.cadence-player-mini-bar{--cadence-mini-player-height:calc(var(--cadence-touch-comfortable) + var(--cadence-space-sm) * 2);align-items:center;gap:var(--cadence-space-sm);min-block-size:var(--cadence-mini-player-height);padding-block:var(--cadence-space-sm);padding-inline:var(--cadence-space-md);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-highest);box-shadow:0 var(--cadence-space-xs) var(--cadence-space-lg) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-canvas) 60%, transparent);order:1;display:flex;position:relative;overflow:hidden}.cadence-player-mini-progress{inline-size:100%;block-size:var(--cadence-space-xs);position:absolute;inset-block-start:0;inset-inline-start:0}.cadence-player-mini-progress:before{content:"";inline-size:var(--progress,0%);background:var(--cadence-color-accent);block-size:100%;transition:width var(--cadence-motion-fast) linear;display:block}.cadence-player-mini-open{align-items:center;gap:var(--cadence-space-sm);text-align:start;flex:1;min-inline-size:0;padding:0;display:flex}.cadence-player-mini-text{gap:var(--cadence-space-xxs);flex-direction:column;flex:1;min-inline-size:0;display:flex}.cadence-player-mini-text>span{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;max-inline-size:100%;overflow:hidden}.cadence-player-mini-controls{align-items:center;gap:var(--cadence-space-xxs);flex:none;display:flex}.cadence-player-full-screen{z-index:3;align-items:center;gap:var(--cadence-space-lg);padding:var(--cadence-space-lg);background:var(--cadence-color-canvas);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.cadence-player-full-header,.cadence-player-full-art,.cadence-player-full-body{inline-size:100%;min-inline-size:0;max-inline-size:min(40ch,100%)}.cadence-player-full-header{align-items:center;gap:var(--cadence-space-md);display:flex}.cadence-player-source-block{align-items:center;gap:var(--cadence-space-xxs);text-align:center;flex-direction:column;flex:1;min-inline-size:0;margin:0;display:flex}.cadence-player-source-block span{white-space:nowrap;text-overflow:ellipsis;max-inline-size:100%;overflow:hidden}.cadence-player-full-art{touch-action:pan-y}.cadence-player-full-body{align-items:stretch;gap:var(--cadence-space-md);flex-direction:column;display:flex}.cadence-player-full-body .cadence-player-title{-webkit-line-clamp:3;line-clamp:3;text-align:center}.cadence-import-screen{background:var(--cadence-color-canvas);flex-direction:column;min-height:100dvh;display:flex}.cadence-import-topbar{z-index:1;align-items:center;gap:var(--cadence-space-lg);min-height:calc(var(--cadence-space-x3l) * 2);padding-inline:var(--cadence-space-xxl);background:color-mix(in oklab, var(--cadence-color-surface) 80%, transparent);-webkit-backdrop-filter:blur(var(--cadence-space-xl));backdrop-filter:blur(var(--cadence-space-xl));border-block-end:thin solid var(--cadence-color-outline-soft);display:flex;position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.cadence-import-topbar{background:var(--cadence-color-surface)}}.cadence-import-back{min-inline-size:var(--cadence-touch-min);min-block-size:var(--cadence-touch-min);border-radius:var(--cadence-radius-pill);color:var(--cadence-color-text-secondary);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), color var(--cadence-motion-fast) var(--cadence-ease-smooth);flex:none;justify-content:center;align-items:center;display:inline-flex}.cadence-import-back:hover{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-import-body{width:100%;max-width:calc(var(--cadence-space-x5l) * 18);padding:var(--cadence-space-xxl);gap:var(--cadence-space-xxl);flex-direction:column;margin-inline:auto;display:flex}.cadence-import-notice{align-items:center;gap:var(--cadence-space-md);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-md);background:color-mix(in oklab, var(--cadence-color-warning) 14%, var(--cadence-color-surface-high));color:var(--cadence-color-text-primary);margin:0;display:flex}.cadence-drop-zone{text-align:center;align-items:center;gap:var(--cadence-space-lg);padding:var(--cadence-space-x4l) var(--cadence-space-x3l);border-radius:var(--cadence-radius-lg);border:calc(var(--cadence-space-xxs) * 1.5) dashed color-mix(in oklab, var(--cadence-color-outline) 100%, transparent);background:var(--cadence-color-canvas);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), border-color var(--cadence-motion-fast) var(--cadence-ease-smooth);flex-direction:column;display:flex}.cadence-drop-zone-icon{inline-size:calc(var(--cadence-space-x3l) + var(--cadence-space-xs));block-size:calc(var(--cadence-space-x3l) + var(--cadence-space-xs));border-radius:var(--cadence-radius-pill);background:color-mix(in oklab, var(--cadence-color-accent) 16%, transparent);color:var(--cadence-color-accent);justify-content:center;align-items:center;display:inline-flex}.cadence-drop-zone[data-over=true]{border-color:var(--cadence-color-accent);background:color-mix(in oklab, var(--cadence-color-accent) 10%, var(--cadence-color-canvas))}.cadence-drop-zone-actions{justify-content:center;gap:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-import-pill{justify-content:center;align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-xl);border-radius:var(--cadence-radius-pill);font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}.cadence-import-pill[data-tone=accent]{background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);box-shadow:0 var(--cadence-space-sm) var(--cadence-space-xxl) calc(-1 * var(--cadence-space-xs)) color-mix(in oklab, var(--cadence-color-accent) 45%, transparent)}.cadence-import-pill[data-tone=accent]:hover{box-shadow:0 var(--cadence-space-md) var(--cadence-space-x3l) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-accent) 65%, transparent)}.cadence-import-pill[data-tone=accent]:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.cadence-import-pill[data-tone=ghost]{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-import-pill[data-tone=ghost]:hover{background:var(--cadence-color-surface-highest)}.cadence-import-pills{gap:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-import-review,.cadence-import-progress{gap:var(--cadence-space-md);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);flex-direction:column;align-items:flex-start;display:flex}.cadence-import-progress-bar{inline-size:100%;block-size:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-highest);overflow:hidden}.cadence-import-progress-fill{background:var(--cadence-color-accent);block-size:100%;transition:inline-size var(--cadence-motion-normal) var(--cadence-ease-smooth)}.cadence-import-actions{gap:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-import-list{gap:var(--cadence-space-xs);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.cadence-import-row{align-items:center;gap:var(--cadence-space-sm) var(--cadence-space-md);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-md) var(--cadence-space-lg);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);flex-wrap:wrap;display:flex}.cadence-import-row-icon{flex:none;display:inline-flex}.cadence-import-row[data-state=added] .cadence-import-row-icon{color:var(--cadence-color-success)}.cadence-import-row[data-state=failed] .cadence-import-row-icon,.cadence-import-row[data-state=never-transferred] .cadence-import-row-icon{color:var(--cadence-color-danger)}.cadence-import-row[data-state=waiting] .cadence-import-row-icon,.cadence-import-row[data-state=reading] .cadence-import-row-icon{color:var(--cadence-color-text-tertiary)}.cadence-import-row-name{overflow-wrap:anywhere;flex:20ch;min-width:0}.cadence-import-row-size{font-family:var(--cadence-type-mono-family);font-size:var(--cadence-type-mono-size);color:var(--cadence-color-text-secondary);flex:none}.cadence-import-row-state{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary);overflow-wrap:anywhere;flex:none}.cadence-import-row[data-state=added] .cadence-import-row-state{color:var(--cadence-color-success)}.cadence-import-row[data-state=failed] .cadence-import-row-state,.cadence-import-row[data-state=never-transferred] .cadence-import-row-state{color:var(--cadence-color-danger)}.cadence-import-row-bar{inline-size:100%;block-size:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-highest);flex:100%;overflow:hidden}.cadence-import-row-bar-fill{background:var(--cadence-color-accent);block-size:100%;transition:inline-size var(--cadence-motion-normal) var(--cadence-ease-smooth)}.cadence-import-row-message{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary);overflow-wrap:anywhere;flex:100%;margin:0}.cadence-import-row-actions{gap:var(--cadence-space-sm);flex:none;display:flex}@media (prefers-reduced-motion:reduce){.cadence-import-progress-fill,.cadence-import-row-bar-fill,.cadence-import-pill,.cadence-drop-zone,.cadence-import-back{transition:none}}.cadence-settings-screen,.cadence-settings-shell{background:var(--cadence-color-canvas);flex-direction:column;min-height:100dvh;display:flex}.cadence-settings-topbar{z-index:1;align-items:center;gap:var(--cadence-space-lg);min-height:calc(var(--cadence-space-x3l) * 2);padding-inline:var(--cadence-space-xxl);background:color-mix(in oklab, var(--cadence-color-surface) 80%, transparent);-webkit-backdrop-filter:blur(var(--cadence-space-xl));backdrop-filter:blur(var(--cadence-space-xl));border-block-end:thin solid var(--cadence-color-outline-soft);display:flex;position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.cadence-settings-topbar{background:var(--cadence-color-surface)}}.cadence-settings-back{min-inline-size:var(--cadence-touch-min);min-block-size:var(--cadence-touch-min);border-radius:var(--cadence-radius-pill);color:var(--cadence-color-text-secondary);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), color var(--cadence-motion-fast) var(--cadence-ease-smooth);flex:none;justify-content:center;align-items:center;display:inline-flex}.cadence-settings-back:hover{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-settings-topbar-title{overflow-wrap:anywhere;min-width:0}.cadence-settings-body{width:100%;max-width:calc(var(--cadence-space-x5l) * 18);padding:var(--cadence-space-xxl);gap:var(--cadence-space-xxl);flex-direction:column;margin-inline:auto;display:flex}.cadence-settings-content{gap:var(--cadence-space-xxl);flex-direction:column;display:flex}.cadence-settings-content[data-beside=true]{align-items:flex-start;gap:var(--cadence-space-x3l);flex-direction:row}.cadence-settings-aside{flex:none;width:28ch;min-width:0;max-width:100%}.cadence-settings-page{gap:var(--cadence-space-xxl);flex-direction:column;flex:1;min-width:0;display:flex}.cadence-settings-page p{max-width:68ch;color:var(--cadence-color-text-secondary);margin:0}.cadence-settings-page h2{margin:0}.cadence-settings-page section{gap:var(--cadence-space-md);flex-direction:column;min-width:0;display:flex}.cadence-settings-identity-card{align-items:center;gap:var(--cadence-space-lg);padding:var(--cadence-space-xl);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);text-align:start;transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);display:flex}button.cadence-settings-identity-card:hover{background:var(--cadence-color-surface-highest)}.cadence-settings-avatar{inline-size:calc(var(--cadence-space-x5l));block-size:calc(var(--cadence-space-x5l));border-radius:var(--cadence-radius-pill);background:color-mix(in oklab, var(--cadence-color-accent) 22%, var(--cadence-color-surface));color:var(--cadence-color-accent);font-family:var(--cadence-type-title-medium-family);font-size:var(--cadence-type-title-medium-size);font-weight:var(--cadence-type-title-medium-weight);flex:none;justify-content:center;align-items:center;display:inline-flex}.cadence-settings-identity-text{gap:var(--cadence-space-xxs);flex-direction:column;flex:1;min-width:0;display:flex}.cadence-settings-identity-text>*{overflow-wrap:anywhere}.cadence-settings-plan-chip{padding-block:var(--cadence-space-xxs);padding-inline:var(--cadence-space-md);border-radius:var(--cadence-radius-pill);background:color-mix(in oklab, var(--cadence-color-accent) 16%, transparent);color:var(--cadence-color-accent);align-self:flex-start;margin-block-start:var(--cadence-space-xxs)}.cadence-settings-identity-chevron{color:var(--cadence-color-text-tertiary);flex:none}.cadence-settings-sections{gap:var(--cadence-space-xxl);flex-direction:column;display:flex}.cadence-settings-section{gap:var(--cadence-space-sm);flex-direction:column;display:flex}.cadence-settings-section-heading{color:var(--cadence-color-text-tertiary);padding-inline:var(--cadence-space-xs)}.cadence-settings-groups{border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);flex-direction:column;display:flex;overflow:hidden}.cadence-settings-groups-compact{border-radius:var(--cadence-radius-md)}.cadence-settings-group{align-items:center;gap:var(--cadence-space-md);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-lg);text-align:start;transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);flex-direction:row;display:flex}.cadence-settings-group+.cadence-settings-group{border-block-start:thin solid var(--cadence-color-outline-soft)}.cadence-settings-group:hover{background:var(--cadence-color-surface-highest)}.cadence-settings-group[aria-current=page]{background:color-mix(in oklab, var(--cadence-color-accent) 12%, transparent)}.cadence-settings-group-icon{color:var(--cadence-color-text-secondary);flex:none}.cadence-settings-group[aria-current=page] .cadence-settings-group-icon{color:var(--cadence-color-accent)}.cadence-settings-group-text{gap:var(--cadence-space-xxs);flex-direction:column;flex:1;min-width:0;display:flex}.cadence-settings-group-label{font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight);overflow-wrap:anywhere}.cadence-settings-group-summary{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary);overflow-wrap:anywhere}.cadence-settings-group-chevron{color:var(--cadence-color-text-tertiary);flex:none}.cadence-settings-card{border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);padding:var(--cadence-space-lg);gap:var(--cadence-space-md);flex-direction:column;display:flex}.cadence-detail-list{gap:var(--cadence-space-sm) var(--cadence-space-lg);grid-template-columns:minmax(0,auto) minmax(0,1fr);margin:0;display:grid}.cadence-detail-list dt{font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);color:var(--cadence-color-text-secondary)}.cadence-detail-list dd{overflow-wrap:anywhere;margin:0}.cadence-detail-rows{border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.cadence-detail-row{align-items:center;gap:var(--cadence-space-sm) var(--cadence-space-md);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-lg);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.cadence-detail-row+.cadence-detail-row{border-block-start:thin solid var(--cadence-color-outline-soft)}.cadence-device-name,.cadence-backup-when,.cadence-export-path{overflow-wrap:anywhere;flex:18ch;min-width:0}.cadence-device-row{align-items:flex-start}.cadence-settings-chip{padding-block:var(--cadence-space-xxs);padding-inline:var(--cadence-space-sm);border-radius:var(--cadence-radius-pill);background:color-mix(in oklab, var(--cadence-color-success) 18%, transparent);color:var(--cadence-color-success);font-family:var(--cadence-type-label-small-family);font-size:var(--cadence-type-label-small-size);font-weight:var(--cadence-type-label-small-weight)}.cadence-detail-row label{align-items:center;gap:var(--cadence-space-sm);overflow-wrap:anywhere;min-width:0;display:flex}.cadence-backup-row,.cadence-export-row{align-items:center}.cadence-choice-list{gap:var(--cadence-space-md);flex-wrap:wrap;min-width:0;display:flex}.cadence-choice{align-items:flex-start;gap:var(--cadence-space-md);min-width:0;min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-md);border:thin solid var(--cadence-color-outline);background:var(--cadence-color-surface-high);text-align:start;transition:border-color var(--cadence-motion-fast) var(--cadence-ease-smooth), background var(--cadence-motion-fast) var(--cadence-ease-smooth);flex:22ch;display:flex}.cadence-choice:hover{border-color:var(--cadence-color-text-tertiary)}.cadence-choice[data-chosen=true]{border-color:var(--cadence-color-accent);background:color-mix(in oklab, var(--cadence-color-accent) 10%, var(--cadence-color-surface-high))}.cadence-choice-dot{inline-size:var(--cadence-space-lg);block-size:var(--cadence-space-lg);border-radius:var(--cadence-radius-pill);border:thin solid var(--cadence-color-text-tertiary);flex:none;margin-block-start:var(--cadence-space-xxs)}.cadence-choice[data-chosen=true] .cadence-choice-dot{border-color:var(--cadence-color-accent);border-width:var(--cadence-space-xxs);background:var(--cadence-color-accent)}.cadence-choice-text{gap:var(--cadence-space-xxs);flex-direction:column;flex:1;min-width:0;display:flex}.cadence-choice-label{font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight);overflow-wrap:anywhere}.cadence-choice[data-chosen=true] .cadence-choice-label{color:var(--cadence-color-accent)}.cadence-choice-description{font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);color:var(--cadence-color-text-secondary);overflow-wrap:anywhere}.cadence-confirm{align-items:flex-start;gap:var(--cadence-space-sm);border-inline-start:calc(var(--cadence-space-xxs) * 2) solid var(--cadence-color-accent);padding:var(--cadence-space-xl);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);flex-direction:column;display:flex}.cadence-device-current{padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);align-items:center;gap:var(--cadence-space-md);display:flex}.cadence-storage-bar{inline-size:100%;block-size:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-highest);display:flex;overflow:hidden}.cadence-storage-bar-segment{block-size:100%;transition:inline-size var(--cadence-motion-normal) var(--cadence-ease-smooth)}.cadence-storage-bar-segment:nth-of-type(6n+1){background:var(--cadence-color-accent)}.cadence-storage-bar-segment:nth-of-type(6n+2){background:var(--cadence-color-success)}.cadence-storage-bar-segment:nth-of-type(6n+3){background:var(--cadence-color-warning)}.cadence-storage-bar-segment:nth-of-type(6n+4){background:var(--cadence-color-text-secondary)}.cadence-storage-bar-segment:nth-of-type(6n+5){background:var(--cadence-color-danger)}.cadence-storage-bar-segment:nth-of-type(6n+6){background:var(--cadence-color-text-tertiary)}.cadence-storage-dot{inline-size:var(--cadence-space-sm);block-size:var(--cadence-space-sm);border-radius:var(--cadence-radius-pill);margin-inline-end:var(--cadence-space-sm);display:inline-block}[data-testid=storage-format]:nth-of-type(6n+1) .cadence-storage-dot{background:var(--cadence-color-accent)}[data-testid=storage-format]:nth-of-type(6n+2) .cadence-storage-dot{background:var(--cadence-color-success)}[data-testid=storage-format]:nth-of-type(6n+3) .cadence-storage-dot{background:var(--cadence-color-warning)}[data-testid=storage-format]:nth-of-type(6n+4) .cadence-storage-dot{background:var(--cadence-color-text-secondary)}[data-testid=storage-format]:nth-of-type(6n+5) .cadence-storage-dot{background:var(--cadence-color-danger)}[data-testid=storage-format]:nth-of-type(6n+6) .cadence-storage-dot{background:var(--cadence-color-text-tertiary)}.cadence-storage-format-name{flex:1}.cadence-settings-pill{justify-content:center;align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-xl);border-radius:var(--cadence-radius-pill);font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth), color var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}.cadence-settings-pill[data-tone=accent]{background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);box-shadow:0 var(--cadence-space-sm) var(--cadence-space-xxl) calc(-1 * var(--cadence-space-xs)) color-mix(in oklab, var(--cadence-color-accent) 45%, transparent)}.cadence-settings-pill[data-tone=accent]:hover{box-shadow:0 var(--cadence-space-md) var(--cadence-space-x3l) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-accent) 65%, transparent)}.cadence-settings-pill[data-tone=accent]:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.cadence-settings-pill[data-tone=ghost]{background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-settings-pill[data-tone=ghost]:hover{background:var(--cadence-color-surface-highest)}.cadence-settings-pill[data-tone=danger]{background:color-mix(in oklab, var(--cadence-color-danger) 16%, transparent);color:var(--cadence-color-danger)}.cadence-settings-pill[data-tone=danger]:hover{background:color-mix(in oklab, var(--cadence-color-danger) 26%, transparent)}.cadence-settings-pills{gap:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-settings-notice{align-items:center;gap:var(--cadence-space-md);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-md);background:color-mix(in oklab, var(--cadence-color-warning) 14%, var(--cadence-color-surface-high));color:var(--cadence-color-text-primary);margin:0;display:flex}@media (prefers-reduced-motion:reduce){.cadence-storage-bar-segment,.cadence-settings-pill,.cadence-choice,.cadence-settings-group,.cadence-settings-back,.cadence-settings-identity-card{transition:none}}.cadence-downloads-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-downloads>.cadence-downloads-summary{border-radius:var(--cadence-radius-lg);position:relative;overflow:hidden}.cadence-downloads>.cadence-downloads-summary:before{content:"";block-size:var(--cadence-space-xs);background:var(--cadence-color-accent);position:absolute;inset-block-start:0;inset-inline:0}.cadence-downloads-section-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-sm);flex-wrap:wrap;display:flex}.cadence-downloads-section-header h2{margin:0}.cadence-downloads-rows{gap:var(--cadence-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cadence-downloads-row{align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);flex-wrap:wrap;display:flex}.cadence-downloads-row:hover{background:var(--cadence-color-surface-highest)}.cadence-downloads-row-main{gap:var(--cadence-space-xxs);flex-direction:column;flex:16ch;min-width:0;display:flex}.cadence-downloads-row-title{color:var(--cadence-color-text-primary)}.cadence-downloads-row-detail{color:var(--cadence-color-text-secondary)}.cadence-downloads-row-actions{align-items:center;gap:var(--cadence-space-xs);flex-wrap:wrap;display:flex}.cadence-downloads-progress-track{inline-size:100%;min-inline-size:8ch;block-size:var(--cadence-space-xs);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-highest);display:block;overflow:hidden}.cadence-downloads-progress-fill{block-size:100%;inline-size:var(--cadence-progress,0%);background:var(--cadence-color-accent);border-radius:var(--cadence-radius-pill);transition:inline-size var(--cadence-motion-normal) var(--cadence-ease-smooth);display:block}@media (prefers-reduced-motion:reduce){.cadence-downloads-row,.cadence-downloads-progress-fill{transition:none}}.cadence-round-action{min-inline-size:var(--cadence-touch-min);min-block-size:var(--cadence-touch-min);color:var(--cadence-color-text-secondary);border-radius:var(--cadence-radius-pill);transition:color var(--cadence-motion-fast) var(--cadence-ease-smooth), background var(--cadence-motion-fast) var(--cadence-ease-smooth);justify-content:center;align-items:center;display:inline-flex;position:relative}.cadence-round-action:before{content:"";inset:calc((var(--cadence-touch-min) - var(--cadence-space-x3l) - var(--cadence-space-xs)) / 2);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);z-index:-1;position:absolute}.cadence-round-action:hover:before,.cadence-round-action[aria-pressed=true]:before{background:var(--cadence-color-surface-highest)}.cadence-round-action[aria-pressed=true]{color:var(--cadence-color-accent)}.cadence-accent-pill{justify-content:center;align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-xl);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight);box-shadow:0 var(--cadence-space-sm) var(--cadence-space-xxl) calc(-1 * var(--cadence-space-xs)) color-mix(in oklab, var(--cadence-color-accent) 45%, transparent);transition:box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth), transform var(--cadence-motion-instant) var(--cadence-ease-smooth);display:inline-flex}.cadence-accent-pill:hover{box-shadow:0 var(--cadence-space-md) var(--cadence-space-x3l) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-accent) 65%, transparent)}.cadence-ghost-pill{justify-content:center;align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-xl);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);font-family:var(--cadence-type-label-large-family);font-size:var(--cadence-type-label-large-size);font-weight:var(--cadence-type-label-large-weight);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}.cadence-ghost-pill:hover{background:var(--cadence-color-surface-highest)}@media (prefers-reduced-motion:reduce){.cadence-accent-pill,.cadence-ghost-pill,.cadence-round-action{transition:none}}[data-tone=accent]{justify-content:center;align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-xl);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);box-shadow:0 var(--cadence-space-sm) var(--cadence-space-xxl) calc(-1 * var(--cadence-space-xs)) color-mix(in oklab, var(--cadence-color-accent) 45%, transparent);transition:box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}[data-tone=accent]:hover{box-shadow:0 var(--cadence-space-md) var(--cadence-space-x3l) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-accent) 65%, transparent)}[data-tone=ghost]{justify-content:center;align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-xl);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}[data-tone=ghost]:hover{background:var(--cadence-color-surface-highest)}.cadence-playlists-screen{gap:var(--cadence-space-lg);flex-direction:column;display:flex}.cadence-playlists-header{justify-content:space-between;align-items:flex-start;gap:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-playlists-count{color:var(--cadence-color-text-tertiary);margin:0}.cadence-playlists-actions{align-items:center;gap:var(--cadence-space-sm);display:flex}.cadence-playlists-create{white-space:nowrap}.cadence-playlists-grid{gap:var(--cadence-space-lg);grid-template-columns:repeat(auto-fill,minmax(14ch,1fr));margin:0;padding:0;list-style:none;display:grid}.cadence-playlists-grid[data-presentation=list]{gap:var(--cadence-space-xs);grid-template-columns:1fr}.cadence-playlists-tile{align-items:stretch;display:flex;position:relative}.cadence-playlists-card{align-items:stretch;gap:var(--cadence-space-sm);text-align:start;min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), transform var(--cadence-motion-instant) var(--cadence-ease-smooth);flex-direction:column;flex:1;display:flex}.cadence-playlists-card:hover{background:var(--cadence-color-surface-high);transform:translateY(calc(-1 * var(--cadence-space-xxs)))}.cadence-playlists-grid[data-presentation=list] .cadence-playlists-card{flex-direction:row;align-items:center}.cadence-playlists-cover{aspect-ratio:1;max-width:100%;padding:var(--cadence-space-md);border-radius:var(--cadence-radius-md);background:var(--cadence-color-accent);color:var(--cadence-color-on-accent);filter:hue-rotate(var(--cadence-cover-hue,0deg));font-family:var(--cadence-type-title-small-family);font-size:var(--cadence-type-title-small-size);font-weight:var(--cadence-type-title-small-weight);overflow-wrap:anywhere;align-items:flex-end;display:flex}.cadence-playlists-grid[data-presentation=list] .cadence-playlists-cover{width:var(--cadence-touch-car);flex:none}.cadence-playlists-caption{gap:var(--cadence-space-xxs);flex-direction:column;min-width:0;display:flex}.cadence-playlists-name{color:var(--cadence-color-text-primary)}.cadence-playlists-meta{color:var(--cadence-color-text-tertiary)}.cadence-playlists-tile>[data-testid=favourite-toggle]{position:absolute;inset-block-start:var(--cadence-space-xs);inset-inline-end:var(--cadence-space-xs)}.cadence-playlists-grid[data-presentation=list] .cadence-playlists-tile>[data-testid=favourite-toggle]{margin-inline-start:auto;position:static}.cadence-playlist-detail{gap:var(--cadence-space-lg);flex-direction:column;display:flex}.cadence-playlist-hero{align-items:center;gap:var(--cadence-space-lg);display:flex}.cadence-playlist-hero .cadence-playlists-cover{width:var(--cadence-space-x5l);flex:none}.cadence-playlist-hero-text{gap:var(--cadence-space-xxs);flex-direction:column;flex:auto;min-width:0;display:flex}.cadence-playlist-hero-text h1{overflow-wrap:anywhere;min-width:0;margin:0}.cadence-playlist-hero-description,.cadence-playlist-hero-count{color:var(--cadence-color-text-secondary);margin:0}.cadence-playlist-playbar{gap:var(--cadence-space-md);grid-template-columns:repeat(auto-fit,minmax(10ch,1fr));display:grid}.cadence-playlist-actions{gap:var(--cadence-space-xs);flex-wrap:wrap;display:flex}.cadence-playlist-actions>button{min-height:var(--cadence-touch-min);padding-inline:var(--cadence-space-lg);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth)}.cadence-playlist-actions>button:hover{background:var(--cadence-color-surface-highest)}.cadence-playlist-tracks{gap:var(--cadence-space-xs);flex-direction:column;display:flex}.cadence-playlist-track{align-items:center;gap:var(--cadence-space-sm);border-radius:var(--cadence-radius-md);flex-wrap:wrap;display:flex}.cadence-playlist-track>.cadence-track-row{flex:20ch;min-width:0}.cadence-playlist-track-actions{align-items:center;gap:var(--cadence-space-xxs);flex:none;margin-inline-start:auto;display:inline-flex}.cadence-favourites-screen{gap:var(--cadence-space-md);flex-direction:column;display:flex}.cadence-favourites-header{justify-content:space-between;align-items:center;gap:var(--cadence-space-md);flex-wrap:wrap;display:flex}.cadence-favourites-sort{align-items:center;gap:var(--cadence-space-sm);color:var(--cadence-color-text-secondary);display:flex}.cadence-favourites-sort select{min-height:var(--cadence-touch-min);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);padding-inline:var(--cadence-space-sm)}.cadence-favourites-summary{color:var(--cadence-color-text-tertiary);margin:0}.cadence-favourites-playbar{gap:var(--cadence-space-md);grid-template-columns:repeat(auto-fit,minmax(10ch,1fr));display:grid}.cadence-favourites-playlists-heading{margin:0}.cadence-favourites-playlists{gap:var(--cadence-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cadence-favourites-playlist-row{justify-content:space-between;align-items:center;gap:var(--cadence-space-sm);min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-md);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);display:flex}.cadence-selection-bar{align-items:center;gap:var(--cadence-space-md);padding:var(--cadence-space-sm) var(--cadence-space-lg);min-height:var(--cadence-touch-comfortable);background:var(--cadence-color-surface-highest);border-radius:var(--cadence-radius-lg);box-shadow:0 var(--cadence-space-xs) var(--cadence-space-xl) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-canvas) 60%, transparent);display:flex}.cadence-selection-bar[data-placement=replaces-nav]{border-radius:0}.cadence-selection-count{color:var(--cadence-color-text-primary);margin-right:auto}.cadence-selection-actions{align-items:center;gap:var(--cadence-space-xs);flex-wrap:wrap;display:flex}.cadence-selection-action{align-items:center;gap:var(--cadence-space-xs);min-height:var(--cadence-touch-min);padding-inline:var(--cadence-space-md);border-radius:var(--cadence-radius-pill);color:var(--cadence-color-text-secondary);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), color var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}.cadence-selection-action:hover:not(:disabled){background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary)}.cadence-selection-action svg{width:1.15em;height:1.15em}.cadence-selection-bar[data-placement=replaces-nav] .cadence-selection-action-label{clip-path:inset(50%);white-space:nowrap;border:0;width:0;height:0;padding:0;position:absolute;overflow:hidden}.cadence-selection-done{color:var(--cadence-color-text-tertiary);padding-inline:var(--cadence-space-sm)}@media (prefers-reduced-motion:reduce){.cadence-playlists-card,.cadence-selection-action{transition:none}}.cadence-input{width:100%;min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-lg);border-radius:var(--cadence-radius-md);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);font-family:var(--cadence-type-body-medium-family);font-size:var(--cadence-type-body-medium-size);transition:box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth)}.cadence-input::placeholder{color:var(--cadence-color-text-tertiary)}.cadence-input:focus{box-shadow:0 0 0 var(--cadence-space-xxs) color-mix(in oklab, var(--cadence-color-accent) 40%, transparent);outline:none}.cadence-chip-list{gap:var(--cadence-space-sm);margin:var(--cadence-space-lg) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.cadence-chip-list button{align-items:center;gap:var(--cadence-space-xs);min-height:var(--cadence-touch-min);padding:var(--cadence-space-xs) var(--cadence-space-lg);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-secondary);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth), color var(--cadence-motion-fast) var(--cadence-ease-smooth);display:inline-flex}.cadence-chip-list button:hover{color:var(--cadence-color-text-primary)}.cadence-chip-list button[aria-current=true]{background:var(--cadence-color-text-primary);color:var(--cadence-color-canvas)}.cadence-suggestions{gap:var(--cadence-space-xxs);margin:var(--cadence-space-md) 0;flex-direction:column;padding:0;list-style:none;display:flex}.cadence-suggestions button{justify-content:space-between;align-items:baseline;gap:var(--cadence-space-md);width:100%;min-height:var(--cadence-touch-comfortable);padding-inline:var(--cadence-space-md);border-radius:var(--cadence-radius-md);text-align:start;transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth);display:flex}.cadence-suggestions button:hover{background:var(--cadence-color-surface-high)}.cadence-top-result{align-items:flex-start;gap:var(--cadence-space-xs);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);margin-block:var(--cadence-space-lg);flex-direction:column;display:flex}.cadence-top-result h2{color:var(--cadence-color-accent);text-transform:uppercase;margin:0}[data-testid=screen-home]{flex-direction:column;display:flex}[data-testid=home-greeting]{color:var(--cadence-color-text-primary);margin:0}.cadence-shell[data-band=phone] [data-testid=home-greeting]{font-size:var(--cadence-type-display-small-size);font-weight:var(--cadence-type-display-small-weight);line-height:var(--cadence-type-display-small-height);letter-spacing:var(--cadence-type-display-small-tracking)}.cadence-shortcuts{gap:var(--cadence-space-md);margin:var(--cadence-space-lg) 0;grid-template-columns:repeat(2,1fr);padding:0;list-style:none;display:grid}.cadence-shortcuts button{min-height:var(--cadence-touch-comfortable);padding:var(--cadence-space-sm) var(--cadence-space-lg);border-radius:var(--cadence-radius-pill);background:var(--cadence-color-surface-high);color:var(--cadence-color-text-primary);text-align:start;font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);transition:background var(--cadence-motion-fast) var(--cadence-ease-smooth)}.cadence-shortcuts button:hover{background:var(--cadence-color-surface-highest)}.cadence-shell[data-band=desktop] .cadence-shortcuts,.cadence-shell[data-band=large] .cadence-shortcuts{grid-template-columns:repeat(4,1fr)}.cadence-continue{align-items:center;gap:var(--cadence-space-md);padding:var(--cadence-space-lg);border-radius:var(--cadence-radius-lg);background:var(--cadence-color-surface-high);margin-bottom:var(--cadence-space-xxl);flex-wrap:wrap;display:flex;position:relative}.cadence-continue h2{color:var(--cadence-color-accent);text-transform:uppercase;flex-basis:100%;margin:0}.cadence-auth{min-height:100dvh;padding:var(--cadence-space-xxl);background:var(--cadence-color-canvas);justify-content:center;align-items:center;display:flex}.cadence-auth-card{align-items:center;gap:var(--cadence-space-xl);width:100%;max-width:calc(var(--cadence-space-x5l) * 8);text-align:center;flex-direction:column;display:flex}.cadence-auth-card .cadence-brand-mark{inline-size:calc(var(--cadence-space-x3l) * 2);block-size:calc(var(--cadence-space-x3l) * 2);border-radius:var(--cadence-radius-xl);box-shadow:0 var(--cadence-space-sm) var(--cadence-space-xxl) calc(-1 * var(--cadence-space-xs)) color-mix(in oklab, var(--cadence-color-accent) 45%, transparent)}.cadence-auth-heading{gap:var(--cadence-space-sm);flex-direction:column;display:flex}.cadence-auth-card h1{margin:0}.cadence-auth-subtitle{color:var(--cadence-color-text-secondary);margin:0}.cadence-auth-card .cadence-form{text-align:start;width:100%}.cadence-form{gap:var(--cadence-space-lg);flex-direction:column;display:flex}.cadence-field{gap:var(--cadence-space-xs);flex-direction:column;display:flex}.cadence-field label{font-family:var(--cadence-type-label-medium-family);font-size:var(--cadence-type-label-medium-size);font-weight:var(--cadence-type-label-medium-weight);color:var(--cadence-color-text-secondary)}.cadence-field input,.cadence-input{width:100%;font:inherit;font-family:var(--cadence-type-body-medium-family);font-size:var(--cadence-type-body-medium-size);color:var(--cadence-color-text-primary);background:var(--cadence-color-surface-high);border-radius:var(--cadence-radius-md);padding-inline:var(--cadence-space-md);min-height:var(--cadence-touch-comfortable);transition:box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth);border:none}.cadence-field input::placeholder,.cadence-input::placeholder{color:var(--cadence-color-text-tertiary)}.cadence-field input:focus-visible,.cadence-input:focus-visible{box-shadow:0 0 0 var(--cadence-space-xxs) color-mix(in oklab, var(--cadence-color-accent) 40%, transparent)}.cadence-field-password{position:relative}.cadence-field-password input{padding-inline-end:calc(var(--cadence-space-x4l) * 1.5)}.cadence-reveal-password{height:fit-content;padding:var(--cadence-space-xs) var(--cadence-space-sm);border-radius:var(--cadence-radius-sm);color:var(--cadence-color-text-secondary);font-family:var(--cadence-type-label-small-family);font-size:var(--cadence-type-label-small-size);font-weight:var(--cadence-type-label-small-weight);transition:color var(--cadence-motion-fast) var(--cadence-ease-smooth);margin-block:auto;position:absolute;inset-block:0;inset-inline-end:var(--cadence-space-xs)}.cadence-reveal-password:hover{color:var(--cadence-color-text-primary)}.cadence-message{color:var(--cadence-color-danger);font-family:var(--cadence-type-body-small-family);font-size:var(--cadence-type-body-small-size);margin:0}.cadence-auth-card .cadence-button{width:100%;min-height:var(--cadence-touch-comfortable);border-radius:var(--cadence-radius-pill);box-shadow:0 var(--cadence-space-sm) var(--cadence-space-xxl) calc(-1 * var(--cadence-space-xs)) color-mix(in oklab, var(--cadence-color-accent) 45%, transparent);transition:box-shadow var(--cadence-motion-fast) var(--cadence-ease-smooth), transform var(--cadence-motion-instant) var(--cadence-ease-smooth)}.cadence-auth-card .cadence-button:hover{opacity:1;box-shadow:0 var(--cadence-space-md) var(--cadence-space-x3l) calc(-1 * var(--cadence-space-xxs)) color-mix(in oklab, var(--cadence-color-accent) 65%, transparent)}@media (prefers-reduced-motion:no-preference){.cadence-auth-card .cadence-button:active{transform:scale(.99)}}.cadence-auth-links{align-items:center;gap:var(--cadence-space-sm);flex-direction:column;display:flex}.cadence-auth-links a{color:var(--cadence-color-text-secondary)}*,:before,:after{box-sizing:border-box}html{background:var(--cadence-color-canvas)}body{background:var(--cadence-color-canvas);color:var(--cadence-color-text-primary);font-family:var(--cadence-font-body);font-size:var(--cadence-type-body-medium-size);font-weight:var(--cadence-type-body-medium-weight);line-height:var(--cadence-type-body-medium-height);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--cadence-font-display);margin:0}button,[role=button],a[href]{min-height:var(--cadence-touch-min)}a[href]{color:var(--cadence-color-accent);text-underline-offset:var(--cadence-space-xxs);text-decoration-thickness:from-font}a[href]:hover{text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:var(--cadence-space-xxs) solid var(--cadence-color-accent);outline-offset:var(--cadence-space-xxs)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}