:root{--neutral-hue: 255;--neutral-chroma-light: .014;--neutral-chroma-dark: 0;--neutral-1: oklch(1 0 0);--neutral-2: oklch(.955 var(--neutral-chroma-light) var(--neutral-hue));--neutral-3: oklch(.915 var(--neutral-chroma-light) var(--neutral-hue));--neutral-4: oklch(.86 var(--neutral-chroma-light) var(--neutral-hue));--neutral-6: oklch(.66 var(--neutral-chroma-dark) var(--neutral-hue));--neutral-7: oklch(.52 var(--neutral-chroma-light) var(--neutral-hue));--neutral-9: oklch(.31 var(--neutral-chroma-dark) var(--neutral-hue));--neutral-10: oklch(.25 var(--neutral-chroma-dark) var(--neutral-hue));--neutral-11: oklch(.19 var(--neutral-chroma-dark) var(--neutral-hue));--neutral-12: oklch(.13 var(--neutral-chroma-dark) var(--neutral-hue))}:root[temperature=pure]{--neutral-chroma-light: 0;--neutral-chroma-dark: 0}:root[temperature=cool]{--neutral-chroma-light: .014;--neutral-chroma-dark: .014}:root{--blue: #2f93f6;--cyan: #00c6d1;--green: #00c37d;--orange: #ff690d;--pink: #f443c2;--purple: #b400ff;--red: #f12c18;--yellow: #ffaf13}:root{color-scheme:light dark}[theme=light]{color-scheme:light}[theme=dark]{color-scheme:dark}:root{--surface-page: light-dark(var(--neutral-2), var(--neutral-12));--surface-card: light-dark(var(--neutral-1), var(--neutral-11));--surface-inset: light-dark(var(--neutral-3), var(--neutral-10));--surface-control: light-dark(var(--neutral-4), var(--neutral-9));--surface-overlay: light-dark(var(--neutral-1), var(--neutral-10));--surface-overlay-inset: light-dark(var(--neutral-3), var(--neutral-9));--surface-inverse: light-dark(var(--neutral-11), var(--neutral-1));--scrim: light-dark(oklch(.2 .02 255 / .5), oklch(0 0 0 / .72));--text-strong: light-dark(var(--neutral-11), var(--neutral-1));--text-muted: light-dark(var(--neutral-7), var(--neutral-6));--text-inverse: light-dark(var(--neutral-1), var(--neutral-12));--danger: var(--red);--success: var(--green);--warning: var(--yellow);--info: var(--blue);--accent: var(--surface-inverse);--contrast-threshold: .695;--contrast-dark: .18;--wash-strength: 16%;--tint-strength: 40%}:root{--space-hairline: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}:root{--radius-container: 16px;--radius-inset: 12px;--radius-small: 8px;--radius-check: 6px;--radius-pill: 999px;--border-width: 1px}:root{--control-height-small: 36px;--control-height-medium: 44px;--control-height-large: 52px;--icon-size: 20px;--spinner-size: 18px;--spinner-size-small: 14px;--spinner-size-large: 28px;--check-size: 22px;--switch-width: 52px;--switch-height: 32px;--switch-thumb: 24px;--slider-thumb: 24px;--slider-track: 6px;--slider-min-width: 160px;--menu-min-width: 200px;--popover-width: 280px;--command-palette-width: 560px;--command-palette-list-height: 360px;--tree-indent: 20px;--calendar-day-size: 44px;--dialog-width: 340px;--sheet-width: 480px;--handle-width: 40px;--handle-height: 4px;--avatar-small: 28px;--avatar-medium: 44px;--avatar-large: 96px;--indicator-height: 3px;--tab-bar-item-height: 56px;--list-item-height: 56px;--list-item-height-large: 72px;--file-upload-height: 160px;--scrubber-hit: 24px;--scrubber-track: 4px;--scrubber-track-active: 6px}:root{--font-family: "Onest", system-ui, sans-serif;--font-family-numeric: "Google Sans Code", ui-monospace, monospace;--font-size-caption: 12px;--font-size-small: 14px;--font-size-medium: 16px;--font-size-large: 18px;--font-size-heading: 22px;--font-size-title: 28px;--font-size-display: 34px;--font-weight-read: 400;--font-weight-medium: 500;--font-weight-act: 600;--font-weight-title: 700;--line-height: 1.45;--line-height-tight: 1.15;--optical-nudge: 1px}:root{--duration-press-in: 20ms;--duration-press-out: 50ms;--duration-fast: .12s;--duration-medium: .24s;--duration-slow: .36s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--press-scale: .97;--duration-slide: .18s}:root{--press-overlay: light-dark(oklch(0 0 0 / .1), oklch(0 0 0 / .28))}:root{--disabled-opacity: .4;--focus-ring-width: 2px;--focus-ring-offset: 2px}:root{--field-gap: var(--space-2);--field-inline-gap: var(--space-4);--field-label-size: var(--font-size-small);--field-label-weight: var(--font-weight-act);--field-help-size: var(--font-size-small)}:root,[density=compact]{--control-height-small: 28px;--control-height-medium: 32px;--control-height-large: 40px;--icon-size: 16px;--spinner-size: 14px;--spinner-size-small: 12px;--spinner-size-large: 22px;--check-size: 18px;--switch-width: 40px;--switch-height: 24px;--switch-thumb: 18px;--slider-thumb: 18px;--tab-bar-item-height: 48px;--calendar-day-size: 36px;--list-item-height: 48px;--list-item-height-large: 60px;--file-upload-height: 132px;--scrubber-hit: 20px;--space-3: 8px;--space-4: 12px;--space-5: 14px;--space-6: 18px;--radius-container: 12px;--radius-inset: 8px;--radius-small: 6px;--font-size-small: 12px;--font-size-medium: 14px;--font-size-heading: 18px;--font-size-display: 26px;--field-inline-gap: var(--space-4);--field-label-size: var(--font-size-small);--field-help-size: var(--font-size-small)}[density=roomy]{--control-height-small: 36px;--control-height-medium: 44px;--control-height-large: 52px;--icon-size: 20px;--spinner-size: 18px;--spinner-size-small: 14px;--spinner-size-large: 28px;--check-size: 22px;--switch-width: 52px;--switch-height: 32px;--switch-thumb: 24px;--slider-thumb: 24px;--tab-bar-item-height: 56px;--calendar-day-size: 44px;--list-item-height: 56px;--list-item-height-large: 72px;--file-upload-height: 160px;--scrubber-hit: 24px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-container: 16px;--radius-inset: 12px;--radius-small: 8px;--font-size-small: 14px;--font-size-medium: 16px;--font-size-heading: 22px;--font-size-display: 34px;--field-inline-gap: var(--space-4);--field-label-size: var(--font-size-small);--field-help-size: var(--font-size-small)}@media (prefers-reduced-motion: reduce){:root{--duration-press-in: 0ms;--duration-press-out: 0ms;--duration-fast: 0ms;--duration-medium: 0ms;--duration-slow: 0ms;--duration-slide: 0ms}}:root,[density=compact]{--player-bar-height: 64px;--player-bar-art: 40px;--player-bar-side-width: 280px;--player-volume-width: 96px;--track-row-art: 40px;--now-playing-art-max: 420px;--play-button-large: 56px;--equalizer-height: 12px}[density=roomy]{--player-bar-height: 72px;--player-bar-art: 48px;--player-bar-side-width: 320px;--player-volume-width: 112px;--track-row-art: 48px;--now-playing-art-max: 480px;--play-button-large: 64px;--equalizer-height: 14px}body{margin:0;background:var(--surface-page);color:var(--text-strong);font-family:var(--font-family);font-size:var(--font-size-medium);line-height:var(--line-height);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.app-page{max-width:1120px;margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--player-bar-height) + var(--space-10));display:flex;flex-direction:column;gap:var(--space-6)}.player-dock{position:fixed;left:var(--space-2);right:var(--space-2);bottom:calc(var(--space-2) + env(safe-area-inset-bottom));z-index:10;max-width:1440px;margin:0 auto}.site-header{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height-medium)}.site-brand{font-size:var(--font-size-heading);font-weight:var(--font-weight-title);letter-spacing:-.02em}.site-header-end{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.section-label{color:var(--text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-act)}.muted{color:var(--text-muted)}.numeric{font-family:var(--font-family-numeric);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.artist-chip{align-self:flex-start;height:var(--control-height-small);padding:0 var(--space-4) 0 var(--space-1);border-radius:var(--radius-pill);background:var(--surface-inset);display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-small);font-weight:var(--font-weight-act)}.artist-chip fem-avatar{--avatar-small: calc(var(--control-height-small) - var(--space-2))}.profile-header{position:relative}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);margin-top:calc(var(--avatar-large) / -2);padding:0 var(--space-2)}.profile-intro{display:flex;flex-direction:column;gap:var(--space-4)}.profile-avatar-ring{position:relative;align-self:flex-start;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-page);display:flex}.profile-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-link{height:var(--control-height-small);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-inset);font-size:var(--font-size-small);font-weight:var(--font-weight-act);display:inline-flex;align-items:center;gap:var(--space-2)}.profile-actions{display:flex;align-items:center;gap:var(--space-3)}.profile-body{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 900px){.profile-layout{grid-template-columns:300px minmax(0,1fr);gap:var(--space-10)}.profile-body{padding-top:calc(var(--avatar-large) / 2 + var(--space-4))}}.track-list{display:flex;flex-direction:column;margin:0 calc(var(--space-3) * -1)}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.playlist-tile{display:flex;flex-direction:column;gap:var(--space-2)}.playlist-tile-name{font-weight:var(--font-weight-medium)}.track-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:start}.track-side{display:flex;flex-direction:column;gap:var(--space-5)}@media (min-width: 960px){.track-layout{grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-10)}}.playlist-head{display:flex;align-items:flex-end;gap:var(--space-5)}.playlist-cover{width:clamp(120px,30vw,220px);flex:none}.playlist-titles{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.home-hero{min-height:50vh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);max-width:560px}