@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-paper: oklch(13% .012 225);--color-paper-2: oklch(17% .014 225);--color-paper-3: oklch(21% .016 225);--color-paper-4: oklch(27% .016 225);--color-ink: oklch(96% .006 225);--color-ink-2: oklch(87% .01 225);--color-muted: oklch(72% .012 225);--color-neutral: oklch(61% .014 225);--color-rule: oklch(29% .014 225);--color-rule-2: oklch(38% .016 225);--color-accent: oklch(78% .13 207);--color-accent-strong: oklch(68% .16 207);--color-accent-ink: oklch(15% .025 225);--color-focus: oklch(82% .16 207);--color-error: oklch(70% .17 25);--color-error-surface: oklch(20% .035 25);--color-success: oklch(76% .14 150);--color-overlay: oklch(8% .012 225 / .82);--color-overlay-soft: oklch(10% .012 225 / .62);--color-transparent: oklch(0% .005 225 / 0);--color-cover-1a: oklch(43% .13 252);--color-cover-1b: oklch(24% .08 252);--color-cover-2a: oklch(48% .12 45);--color-cover-2b: oklch(25% .07 45);--color-cover-3a: oklch(48% .12 145);--color-cover-3b: oklch(23% .06 145);--color-cover-4a: oklch(47% .13 330);--color-cover-4b: oklch(24% .07 330);--color-cover-5a: oklch(52% .1 205);--color-cover-5b: oklch(24% .06 205);--color-cover-6a: oklch(48% .1 85);--color-cover-6b: oklch(23% .05 85);--font-display: "Bricolage Grotesque Variable", "Geist Variable", ui-sans-serif, sans-serif;--font-body: "Geist Variable", ui-sans-serif, sans-serif;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--text-xs: .72rem;--text-sm: .84rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.56rem;--text-xl: 1.95rem;--text-2xl: 2.44rem;--text-3xl: 3.05rem;--text-display: clamp(2.65rem, 4vw + 1rem, 5.1rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .11s;--dur-short: .2s;--dur-long: .38s;--rule-hair: 1px;--rule-focus: 2px;--radius-xs: .2rem;--radius-sm: .4rem;--radius-md: .7rem;--radius-lg: 1rem;--radius-round: 999rem;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--size-sidebar: 14.5rem;--size-topbar: 4.25rem;--size-player-mobile: 4.75rem;--size-mobile-nav: 4.15rem;--size-player-desktop: 6.25rem}*{box-sizing:border-box}html,body{min-width:20rem;margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base)}body{min-height:100dvh;font-weight:400;line-height:1.5}button,input,select{color:inherit;font:inherit}button,a,input,select{-webkit-tap-highlight-color:var(--color-transparent)}button,a{line-height:1;white-space:nowrap}button{border:0}button:disabled{opacity:.55;cursor:not-allowed}button:active{transform:translateY(1px)}a:active{color:var(--color-accent)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,dl,dd,dt{margin:0}h1,h2,h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(var(--text-2xl),7vw,var(--text-display));font-weight:720}h2{font-size:var(--text-xl);font-weight:680}h3{font-size:var(--text-md);font-weight:680}code,.tabular{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:clip;clip-path:inset(50%);white-space:nowrap;border:0}:focus{outline:none}:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-2xs)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.app-shell{min-height:100dvh}.app-workspace{min-width:0;padding-block-end:calc(var(--size-player-mobile) + var(--size-mobile-nav) + var(--space-lg))}.main-view{width:100%;max-width:104rem;margin-inline:auto;padding:var(--space-lg) var(--space-md) var(--space-3xl)}.page-stack{display:grid;gap:var(--space-2xl)}.top-bar{position:sticky;inset-block-start:0;z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:var(--size-topbar);padding:var(--space-sm) var(--space-md);background:var(--color-paper);color:var(--color-ink);border-block-end:var(--rule-hair) solid var(--color-rule)}.history-buttons{display:none;gap:var(--space-xs)}.top-bar__title{font-family:var(--font-display);font-size:var(--text-md)}.global-search{display:flex;align-items:center;justify-self:end;min-width:0;height:2.75rem;color:var(--color-muted)}.global-search svg{width:1.15rem}.global-search__submit{display:grid;width:2.75rem;height:2.75rem;flex:none;place-items:center;border-radius:var(--radius-round);background:var(--color-transparent);color:var(--color-muted);cursor:pointer}.global-search input{display:none;width:100%;border:0;background:var(--color-transparent);color:var(--color-ink)}.side-rail{display:none}.brand{display:flex;align-items:center;gap:var(--space-sm);min-height:3rem}.brand__mark{display:grid;width:2rem;height:2rem;place-items:center;border-radius:var(--radius-round);background:var(--color-ink);color:var(--color-paper)}.brand__mark svg{width:1.2rem}.brand__copy{display:grid;gap:var(--space-3xs);line-height:1}.brand__copy strong{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.04em}.brand__copy small{color:var(--color-neutral);font-size:var(--text-xs);font-weight:650;letter-spacing:.16em}.side-nav{display:grid;gap:var(--space-2xs)}.side-nav__link{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:2.75rem;padding-inline:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-transparent);color:var(--color-muted);cursor:pointer;text-align:start;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.side-nav__link svg{width:1.2rem;height:1.2rem;flex:none}.side-nav__link.is-active{background:var(--color-paper-3);color:var(--color-ink);font-weight:620}.side-nav__link:active{transform:translateY(1px)}.side-nav__link:disabled,.side-nav__link[aria-disabled=true]{opacity:.5;cursor:not-allowed}.side-nav__link[data-state=loading] svg,.button[data-state=loading] svg{animation:functional-spin 1s linear infinite}.side-rail__utility{display:grid;gap:var(--space-xs);margin-block-start:auto}.side-rail__status{min-height:1lh;padding-inline:var(--space-sm);color:var(--color-neutral);font-size:var(--text-sm)}.side-rail__footer{padding-block-start:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-neutral);font-size:var(--text-xs)}.mobile-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-sticky);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:var(--size-mobile-nav);padding:var(--space-2xs) max(var(--space-xs),env(safe-area-inset-right)) max(var(--space-xs),env(safe-area-inset-bottom)) max(var(--space-xs),env(safe-area-inset-left));background:var(--color-paper-2);color:var(--color-ink);border-block-start:var(--rule-hair) solid var(--color-rule)}.mobile-nav__link{display:grid;place-items:center;align-content:center;gap:var(--space-2xs);min-width:0;min-height:3.1rem;border-radius:var(--radius-sm);color:var(--color-neutral);font-size:var(--text-xs)}.mobile-nav__link svg{width:1.3rem;height:1.3rem}.mobile-nav__link.is-active{color:var(--color-ink)}.mobile-nav__link.is-active svg{color:var(--color-accent)}.mobile-library-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--color-transparent);color:var(--color-ink)}.mobile-library-dialog[open]{display:grid;align-items:end}.mobile-library-dialog__panel{display:grid;gap:var(--space-md);width:100%;max-height:80dvh;padding:var(--space-lg);padding-block-end:calc(var(--space-lg) + env(safe-area-inset-bottom));overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-paper-2);color:var(--color-ink)}.mobile-library-dialog__panel>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.mobile-library-dialog__panel>header p,.mobile-library-dialog__status{min-height:1lh;margin-block-start:var(--space-2xs);color:var(--color-neutral);font-size:var(--text-sm)}.mobile-library-dialog__links{display:grid;gap:var(--space-2xs);padding-block:var(--space-sm);border-block:var(--rule-hair) solid var(--color-rule)}.mobile-library-dialog__links a,.mobile-library-dialog__action{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:3rem;padding-inline:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-transparent);color:var(--color-muted);cursor:pointer;text-align:start}.mobile-library-dialog__links a.is-active{background:var(--color-paper-3);color:var(--color-ink)}.mobile-library-dialog__links svg,.mobile-library-dialog__action svg{width:1.2rem;height:1.2rem;flex:none}.mobile-library-dialog__action:active,.mobile-library-dialog__links a:active{transform:translateY(1px)}.mobile-library-dialog__action:disabled{opacity:.55;cursor:not-allowed}.mobile-library-dialog__action[data-state=loading] svg{animation:functional-spin 1s linear infinite}.icon-button{display:inline-grid;width:2.75rem;height:2.75rem;flex:none;place-items:center;border-radius:var(--radius-round);background:var(--color-transparent);color:var(--color-muted);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.icon-button svg{width:1.2rem;height:1.2rem}.icon-button.is-selected{color:var(--color-accent)}.icon-button--outlined{border:var(--rule-hair) solid var(--color-rule-2)}.icon-button--large{width:3.25rem;height:3.25rem}.icon-button--large svg{width:1.45rem;height:1.45rem}.icon-button--row{width:2.4rem;height:2.4rem}.icon-button:active,.button:active,.play-fab:active,.player-play:active{transform:translateY(1px)}.icon-button:disabled,.button:disabled,.player-play:disabled{opacity:.42;cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-lg);border:var(--rule-hair) solid var(--color-transparent);border-radius:var(--radius-round);cursor:pointer;font-weight:680;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.button svg{width:1.05rem;height:1.05rem}.button--primary{background:var(--color-ink);color:var(--color-paper)}.button--secondary{border-color:var(--color-rule-2);background:var(--color-paper-2);color:var(--color-ink)}.button--full{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.button[data-state=error]{border-color:var(--color-error)}.button[data-state=success]{border-color:var(--color-success)}.page-heading{display:flex;align-items:end;justify-content:space-between;min-width:0;padding-block:var(--space-md) var(--space-xs)}.page-heading h1{font-size:clamp(var(--text-2xl),8vw,var(--text-3xl))}.page-heading p{margin-block-start:var(--space-xs);color:var(--color-muted)}.media-section{min-width:0}.section-heading{display:flex;flex-direction:column;align-items:start;gap:var(--space-xs);margin-block-end:var(--space-lg)}.section-heading h2{font-size:var(--text-lg)}.section-heading p{margin-block-start:var(--space-2xs);color:var(--color-neutral);font-size:var(--text-sm)}.section-heading__link{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:2.75rem;color:var(--color-muted);font-size:var(--text-sm);font-weight:620}.section-heading__link svg{width:1rem;height:1rem}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-sm)}.media-card{min-width:0}.media-card__visual{position:relative;isolation:isolate;aspect-ratio:1;overflow:clip;border-radius:var(--radius-xs);background:var(--color-paper-3);color:var(--color-ink)}.media-card--artist .media-card__visual,.media-card--artist .artwork{border-radius:var(--radius-round)}.media-card__visual>a{display:block;width:100%;height:100%}.media-card__actions{position:absolute;inset:auto var(--space-sm) var(--space-sm) var(--space-sm);z-index:var(--z-raised);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.media-card__actions button{pointer-events:auto}.media-card__actions .icon-button--quiet,.play-fab{opacity:1}.media-card__actions .icon-button--quiet{background:var(--color-overlay-soft);color:var(--color-ink)}.play-fab{display:grid;width:3rem;height:3rem;place-items:center;border-radius:var(--radius-round);background:var(--color-ink);color:var(--color-paper);cursor:pointer;transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.play-fab svg{width:1.25rem;height:1.25rem;margin-inline-start:var(--space-3xs)}.media-card__copy{display:grid;min-width:0;gap:var(--space-2xs);padding-block-start:var(--space-sm)}.media-card__title,.media-card__meta{overflow:clip;text-overflow:ellipsis;white-space:nowrap}.media-card__title{font-weight:650}.media-card__meta{color:var(--color-neutral);font-size:var(--text-sm)}.artwork,.artwork img,.artwork__fallback{width:100%;height:100%}.artwork{overflow:clip;background:var(--color-paper-3);color:var(--color-ink)}.artwork img{object-fit:cover;transition:transform var(--dur-long) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.artwork__fallback{display:grid;place-items:center;align-content:center;gap:var(--space-sm);color:var(--color-ink-2)}.artwork__fallback svg{width:26%;height:26%;opacity:.7}.artwork__fallback span{max-width:80%;overflow:clip;font-family:var(--font-display);font-size:clamp(var(--text-sm),8cqi,var(--text-xl));font-weight:720;letter-spacing:-.03em;text-overflow:ellipsis}.artwork-tone-0{background:linear-gradient(145deg,var(--color-cover-1a),var(--color-cover-1b));color:var(--color-ink)}.artwork-tone-1{background:linear-gradient(145deg,var(--color-cover-2a),var(--color-cover-2b));color:var(--color-ink)}.artwork-tone-2{background:linear-gradient(145deg,var(--color-cover-3a),var(--color-cover-3b));color:var(--color-ink)}.artwork-tone-3{background:linear-gradient(145deg,var(--color-cover-4a),var(--color-cover-4b));color:var(--color-ink)}.artwork-tone-4{background:linear-gradient(145deg,var(--color-cover-5a),var(--color-cover-5b));color:var(--color-ink)}.artwork-tone-5{background:linear-gradient(145deg,var(--color-cover-6a),var(--color-cover-6b));color:var(--color-ink)}.artwork--artist{border-radius:var(--radius-round)}.artwork--mini{width:2.75rem;height:2.75rem;flex:none}.artwork--player{width:3.25rem;height:3.25rem;flex:none;border-radius:var(--radius-xs)}.artwork--detail,.artwork--artist-hero{width:min(78vw,19rem);aspect-ratio:1;height:auto;flex:none;border-radius:var(--radius-xs)}.artwork--artist-hero{border-radius:var(--radius-round)}.artwork--feature{width:min(62vw,16rem);aspect-ratio:1;height:auto;flex:none;border-radius:var(--radius-xs)}.artwork--now-playing{width:min(78vw,34rem);aspect-ratio:1;height:auto;margin-inline:auto;border-radius:var(--radius-sm)}.home-hero{position:relative;display:grid;min-width:0;gap:var(--space-xl);padding:var(--space-lg);padding-block-end:var(--space-xl);overflow:clip;border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-ink)}.home-hero .artwork--feature{justify-self:center}.home-hero__copy{display:grid;align-content:center;justify-items:start;min-width:0;gap:var(--space-sm)}.home-hero__copy h1{font-size:clamp(var(--text-2xl),10vw,var(--text-display))}.home-hero__copy>a{color:var(--color-ink-2);font-size:var(--text-md);font-weight:620}.home-hero__context{color:var(--color-accent);font-size:var(--text-sm);font-weight:680}.home-hero__meta{color:var(--color-muted)}.home-hero__counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);align-self:end;padding-block-start:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule)}.home-hero__counts div{display:grid;gap:var(--space-2xs)}.home-hero__counts dt{color:var(--color-neutral);font-size:var(--text-xs)}.home-hero__counts dd{font-family:var(--font-display);font-size:var(--text-lg);font-weight:680}.home-hero--skeleton{min-height:24rem}.home-hero--skeleton .skeleton-block{width:100%;height:100%}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-md)}.filter-field{display:grid;min-width:min(100%,17rem);gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-sm);font-weight:620}.filter-field__input,.search-page__field>span:last-child,.input-with-action{display:flex;align-items:center;min-width:0;height:2.75rem;border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-sm);outline:var(--rule-focus) solid var(--color-transparent);outline-offset:var(--space-3xs);background:var(--color-paper-2);color:var(--color-ink)}.filter-field__input:focus-within,.search-page__field>span:last-child:focus-within,.input-with-action:focus-within{outline-color:var(--color-focus)}.filter-field__input svg,.search-page__field svg{width:1.1rem;height:1.1rem;margin-inline-start:var(--space-sm);color:var(--color-neutral)}.filter-field input,.search-page__field input,.input-with-action input{width:100%;min-width:0;height:100%;padding-inline:var(--space-sm);border:0;outline:0;background:var(--color-transparent);color:var(--color-ink)}.filter-field select{height:2.75rem;padding-inline:var(--space-sm) var(--space-xl);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-sm);outline:var(--rule-focus) solid var(--color-transparent);outline-offset:var(--space-3xs);background:var(--color-paper-2);color:var(--color-ink)}.filter-field select:focus-visible{outline-color:var(--color-focus)}.track-list{min-width:0}.track-row{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;min-width:0;min-height:4rem;padding-block:var(--space-xs);border-block-end:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-xs);color:var(--color-muted)}.track-row--head{display:none;min-height:2.5rem;color:var(--color-neutral);font-size:var(--text-xs)}.track-row.is-current{background:var(--color-paper-2);color:var(--color-accent)}.track-row__number{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:var(--radius-round);background:var(--color-transparent);color:inherit;cursor:pointer}.track-row__number svg{width:1rem;height:1rem}.track-row__play{display:none}.track-row__title{display:grid;min-width:0;gap:var(--space-2xs);padding-inline-end:var(--space-sm)}.track-row__title strong,.track-row__title a,.track-row__title span,.track-row__album{overflow:clip;text-overflow:ellipsis;white-space:nowrap}.track-row__title strong{color:var(--color-ink);font-size:var(--text-base);font-weight:600}.track-row.is-current .track-row__title strong{color:var(--color-accent)}.track-row__title a,.track-row__title span,.track-row__album{color:var(--color-neutral);font-size:var(--text-sm)}.track-row__album,.track-row__quality,.track-row__duration{display:none}.track-row__quality,.track-row__duration{font-size:var(--text-sm)}.track-row__tools{display:flex;justify-content:flex-end}.track-row__tools .icon-button:not(:first-child){display:none}.track-list--compact .track-row--head{display:none}.detail-hero{display:grid;justify-items:center;gap:var(--space-xl);padding-block:var(--space-md) var(--space-xl)}.detail-hero__copy{display:grid;justify-items:center;min-width:0;gap:var(--space-md);text-align:center}.detail-hero__copy>p{color:var(--color-accent);font-size:var(--text-sm);font-weight:680}.detail-hero__byline{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);color:var(--color-muted)}.detail-hero__byline>*:not(:last-child):after{content:"·";margin-inline-start:var(--space-xs);color:var(--color-neutral)}.detail-hero__byline a,.detail-hero__byline strong{max-width:100%;overflow:clip;color:var(--color-ink);font-weight:650;text-overflow:ellipsis}.detail-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs) var(--space-lg);padding-block-start:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-neutral);font-size:var(--text-sm)}.search-page__field{display:grid;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);font-weight:620}.search-page__field>span:last-child{height:3.5rem}.search-page__field input{font-size:var(--text-md)}.search-page__status{min-height:1lh;color:var(--color-neutral)}.state-panel,.empty-library{display:grid;justify-items:start;gap:var(--space-md);max-width:42rem;padding:var(--space-xl);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-ink)}.state-panel p,.empty-library p{max-width:60ch;color:var(--color-muted)}.state-panel--error{background:var(--color-error-surface);color:var(--color-ink)}.state-panel--error p{color:var(--color-ink-2)}.empty-library>svg{width:3rem;height:3rem;color:var(--color-accent)}.startup-screen{display:grid;min-height:100dvh;place-items:center;align-content:center;gap:var(--space-md);background:var(--color-paper);color:var(--color-muted)}.startup-screen svg{width:2rem;height:2rem;animation:functional-spin 1.2s linear infinite}.login-page{display:grid;min-height:100dvh;place-items:center;padding:var(--space-lg);background:var(--color-paper);color:var(--color-ink)}.login-panel{display:grid;width:min(100%,28rem);gap:var(--space-xl);padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-paper-2);color:var(--color-ink)}.login-panel__brand{display:flex;align-items:center;gap:var(--space-sm)}.login-panel__brand>span{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:var(--radius-round);background:var(--color-ink);color:var(--color-paper)}.login-panel__brand p{font-family:var(--font-display);font-size:var(--text-md);font-weight:680}.login-panel__brand strong{color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.1em}.login-panel__copy{display:grid;gap:var(--space-sm)}.login-panel__copy>svg{color:var(--color-accent)}.login-panel__copy h1{font-size:var(--text-2xl)}.login-panel__copy p{color:var(--color-muted)}.login-form{display:grid;gap:var(--space-xs)}.login-form>label{color:var(--color-muted);font-size:var(--text-sm);font-weight:620}.input-with-action button{display:grid;width:2.75rem;height:2.75rem;place-items:center;background:var(--color-transparent);color:var(--color-muted);cursor:pointer}.input-with-action button svg{width:1.1rem}.input-with-action.has-error{border-color:var(--color-error)}.form-helper{min-height:2lh;color:var(--color-neutral);font-size:var(--text-sm)}.form-helper.is-error{color:var(--color-error)}.skeleton-block,.skeleton-line{display:block;border-radius:var(--radius-xs);background:var(--color-paper-3);color:var(--color-ink);animation:skeleton-pulse 1.4s var(--ease-in-out) infinite}.card-skeleton{display:grid;gap:var(--space-sm)}.card-skeleton .skeleton-block{aspect-ratio:1}.card-skeleton--round .skeleton-block{border-radius:var(--radius-round)}.skeleton-line{width:62%;height:.8rem}.skeleton-line--wide{width:88%}.track-skeleton{display:grid;gap:var(--space-xl);padding-block:var(--space-lg)}.track-skeleton .skeleton-line{width:100%}.detail-skeleton{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);min-height:24rem}.player-bar{position:fixed;inset-inline:0;inset-block-end:var(--size-mobile-nav);z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:var(--size-player-mobile);padding:var(--space-xs) var(--space-sm);background:var(--color-paper-2);color:var(--color-ink);border-block-start:var(--rule-hair) solid var(--color-rule)}.player-track{display:flex;align-items:center;min-width:0;gap:var(--space-sm);padding:0;background:var(--color-transparent);color:var(--color-ink);cursor:pointer;text-align:start}.player-track:disabled{cursor:default}.player-track__empty-art{width:3.25rem;height:3.25rem;flex:none;border-radius:var(--radius-xs);background:var(--color-paper-3)}.player-track__copy{display:grid;min-width:0;gap:var(--space-3xs)}.player-track__copy strong,.player-track__copy small{overflow:clip;text-overflow:ellipsis;white-space:nowrap}.player-track__copy strong{font-size:var(--text-sm);font-weight:620}.player-track__copy small{color:var(--color-neutral);font-size:var(--text-xs)}.player-track__expand{display:none}.player-center{display:flex;align-items:center}.player-controls{display:flex;align-items:center;justify-content:center}.player-desktop-control,.player-timeline{display:none}.player-play{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:var(--radius-round);background:var(--color-ink);color:var(--color-paper);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.player-play svg{width:1.15rem;height:1.15rem}.player-tools{display:flex;align-items:center}.player-tools>:not(:first-child){display:none}.volume-slider{width:6rem}input[type=range]{accent-color:var(--color-accent);cursor:pointer}input[type=range]:disabled{opacity:.45;cursor:not-allowed}.player-error{position:absolute;inset-inline:var(--space-md);inset-block-end:calc(100% + var(--space-xs));padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-error-surface);color:var(--color-error);font-size:var(--text-sm)}dialog{color:var(--color-ink)}dialog::backdrop{background:var(--color-overlay)}.queue-dialog,.now-playing-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--color-transparent);color:var(--color-ink)}.queue-dialog[open]{display:grid;justify-items:end}.queue-dialog__panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,30rem);height:100%;padding:var(--space-lg);background:var(--color-paper-2);color:var(--color-ink)}.queue-dialog__panel>header,.now-playing-dialog__surface>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:3.5rem}.queue-dialog__panel>header p{color:var(--color-neutral);font-size:var(--text-sm)}.queue-dialog__list{overflow-y:auto;padding-block:var(--space-md)}.queue-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;min-height:4rem;gap:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-transparent);color:var(--color-ink);cursor:pointer;text-align:start}.queue-item>span{display:grid;min-width:0}.queue-item strong,.queue-item small{overflow:clip;text-overflow:ellipsis;white-space:nowrap}.queue-item small{color:var(--color-neutral)}.queue-item.is-current{background:var(--color-paper-3);color:var(--color-accent)}.queue-dialog__empty{padding:var(--space-xl) 0;color:var(--color-muted)}.now-playing-dialog[open]{display:grid;background:var(--color-paper);color:var(--color-ink)}.now-playing-dialog__surface{display:grid;align-content:center;width:min(100%,52rem);min-height:100%;margin-inline:auto;padding:var(--space-md) var(--space-lg) var(--space-xl);gap:var(--space-xl)}.now-playing-dialog__surface>header{align-self:start}.now-playing-dialog__surface>header>span{font-weight:650}.now-playing-dialog__meta{display:grid;gap:var(--space-xs)}.now-playing-dialog__meta h2{font-size:var(--text-xl)}.now-playing-dialog__meta a,.now-playing-dialog__meta p{color:var(--color-muted)}.now-playing-dialog__timeline{display:grid;gap:var(--space-xs)}.now-playing-dialog__timeline input{width:100%}.now-playing-dialog__timeline>div{display:flex;justify-content:space-between;color:var(--color-neutral);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.now-playing-dialog__controls{display:flex;align-items:center;justify-content:space-between}.player-play--large{width:4rem;height:4rem}@media(hover:hover)and (pointer:fine){.side-nav__link:hover,.icon-button:hover,.global-search__submit:hover,.mobile-library-dialog__links a:hover,.mobile-library-dialog__action:hover,.section-heading__link:hover{background:var(--color-paper-3);color:var(--color-ink)}.button--primary:hover,.player-play:hover,.play-fab:hover{opacity:.86}.button--secondary:hover{background:var(--color-paper-3)}.media-card__actions .icon-button--quiet,.media-card__actions .play-fab{opacity:0}.media-card:hover .media-card__actions .icon-button--quiet,.media-card:hover .media-card__actions .play-fab,.media-card:focus-within .media-card__actions .icon-button--quiet,.media-card:focus-within .media-card__actions .play-fab{opacity:1}.media-card:hover .artwork img,.media-card:focus-within .artwork img{transform:scale(1.02)}.media-card__title:hover,.media-card__meta:hover,.track-row a:hover{text-decoration:underline;text-underline-offset:var(--space-2xs)}.track-row:hover{background:var(--color-paper-2);color:var(--color-ink)}.track-row:hover .track-row__index,.track-row:focus-within .track-row__index{display:none}.track-row:hover .track-row__play,.track-row:focus-within .track-row__play{display:inline-grid}.queue-item:hover{background:var(--color-paper-3);color:var(--color-ink)}}@media(min-width:40rem){.main-view{padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap-inline:var(--space-md)}.section-heading{flex-direction:row;align-items:end;justify-content:space-between;gap:var(--space-lg)}.home-hero{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:center;padding:var(--space-xl);padding-block-end:var(--space-2xl)}.home-hero .artwork--feature{width:100%}.home-hero__counts{grid-column:1 / -1}.track-row__duration{display:block;padding-inline-end:var(--space-sm)}.track-row{grid-template-columns:2.75rem minmax(0,1fr) 3.5rem auto}.detail-hero{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:end;padding-block:var(--space-xl) var(--space-2xl)}.detail-hero__copy{justify-items:start;text-align:start}.detail-hero__byline{justify-content:start}.artwork--detail,.artwork--artist-hero{width:clamp(14rem,28vw,21rem)}.detail-skeleton{grid-template-columns:minmax(14rem,20rem) minmax(0,1fr)}.login-panel{padding:var(--space-2xl)}}@media(min-width:60rem){.mobile-menu-button,.mobile-library-dialog{display:none}.side-rail{position:fixed;inset-block:0 var(--size-player-desktop);inset-inline-start:0;z-index:var(--z-sticky);display:flex;width:var(--size-sidebar);flex-direction:column;gap:var(--space-xl);padding:var(--space-lg);background:var(--color-paper-2);color:var(--color-ink);border-inline-end:var(--rule-hair) solid var(--color-rule)}.app-workspace{margin-inline-start:var(--size-sidebar);padding-block-end:calc(var(--size-player-desktop) + var(--space-xl))}.top-bar{grid-template-columns:auto minmax(0,1fr) minmax(18rem,28rem);gap:var(--space-md);padding-inline:var(--space-xl)}.history-buttons{display:flex}.top-bar__title{display:none}.global-search{justify-self:stretch;gap:var(--space-xs);padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-round);background:var(--color-paper-2);color:var(--color-muted)}.global-search input{display:block}.mobile-nav{display:none}.player-bar{inset-inline-start:var(--size-sidebar);inset-block-end:0;grid-template-columns:minmax(12rem,1fr) minmax(24rem,1.4fr) minmax(12rem,1fr);min-height:var(--size-player-desktop);padding:var(--space-sm) var(--space-lg)}.player-center{display:grid;gap:var(--space-2xs)}.player-desktop-control{display:inline-grid}.player-timeline{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;gap:var(--space-xs);color:var(--color-neutral);font-size:var(--text-xs);text-align:center}.player-tools{justify-content:flex-end}.player-tools>:not(:first-child){display:block}.player-tools .icon-button{display:inline-grid}.player-track__expand{display:block;width:1rem;height:1rem;margin-inline-start:auto;color:var(--color-neutral)}.main-view{padding:var(--space-xl) clamp(var(--space-xl),4vw,var(--space-2xl)) var(--space-3xl)}.page-stack{gap:var(--space-3xl)}.media-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-xl) var(--space-md)}.home-hero{grid-template-columns:minmax(12rem,18rem) minmax(0,1fr) minmax(9rem,13rem);min-height:23rem}.home-hero__counts{grid-column:auto;grid-template-columns:1fr;padding-block-start:0;padding-inline-start:var(--space-lg);border-block-start:0;border-inline-start:var(--rule-hair) solid var(--color-rule)}.home-hero__counts div{padding-block:var(--space-sm)}.track-row--head,.track-row{grid-template-columns:2.75rem minmax(0,1fr) 6.5rem 3.5rem 8.25rem}.track-list--album .track-row--head,.track-list--album .track-row{grid-template-columns:2.75rem minmax(0,1.2fr) minmax(8rem,.8fr) 6.5rem 3.5rem 8.25rem}.track-row--head{display:grid}.track-row__album,.track-row__quality,.track-row__duration{display:block;min-width:0;padding-inline-end:var(--space-sm)}.track-row__tools{gap:var(--space-2xs)}.track-row__tools .icon-button:not(:first-child){display:inline-grid}.track-list--compact .track-row--head{display:none}.detail-hero__copy h1{font-size:var(--text-display)}.now-playing-dialog__surface{grid-template-columns:minmax(18rem,31rem) minmax(14rem,1fr);grid-template-rows:auto auto auto auto;align-items:end}.now-playing-dialog__surface>header{grid-column:1 / -1}.now-playing-dialog__surface .artwork--now-playing{grid-row:2 / 5;width:100%}}@media(min-width:90rem){.media-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(pointer:coarse){.button,.icon-button,.side-nav__link,.filter-field input,.filter-field select,.search-page__field input{min-height:2.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}}@keyframes functional-spin{to{transform:rotate(1turn)}}@keyframes skeleton-pulse{0%,to{opacity:.52}50%{opacity:1}}