.songs.svelte-14p7rtl{gap:var(--spacing-8);padding-bottom:var(--spacing-12);flex-direction:column;display:flex}.songs__head.svelte-14p7rtl{gap:var(--spacing-6);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (width>=768px){.songs__head.svelte-14p7rtl{grid-template-columns:minmax(0,300px) minmax(0,1fr)}}.songs__art.svelte-14p7rtl{border-radius:var(--radius-panel);width:100%;max-width:300px;height:auto}.songs__intro.svelte-14p7rtl{max-width:60ch;line-height:var(--leading-prose);color:var(--color-text-muted)}.tracks.svelte-14p7rtl{counter-reset:track;max-width:760px;margin:0;padding:0;list-style:none}.track.svelte-14p7rtl{grid-template-columns:2.5rem minmax(0, 1fr) var(--tap-min);align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);border-left:3px solid #0000;display:grid}.track[data-active=true].svelte-14p7rtl{background:var(--color-surface-150);border-left-color:var(--color-brand-500)}.track__index.svelte-14p7rtl{font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-align:right}.track__title.svelte-14p7rtl{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-text-strong);overflow-wrap:anywhere;min-width:0}.track__play.svelte-14p7rtl{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full);background:var(--color-surface-200);color:var(--color-text-strong);justify-content:center;align-items:center;display:inline-flex}.track__play.svelte-14p7rtl:hover{background:var(--color-brand-500);color:#fff}.bar.svelte-14p7rtl{bottom:calc(var(--nav-stack,var(--bottomnav-h)) + var(--beta-stack,0px) + env(safe-area-inset-bottom,0px));z-index:var(--z-sticky);background:var(--color-surface-900);color:var(--color-text-inverse);border-top:1px solid var(--color-border-hairline);position:sticky}@media (width>=768px){.bar.svelte-14p7rtl{bottom:0}}.bar__inner.svelte-14p7rtl{align-items:center;gap:var(--spacing-2) var(--spacing-3);padding-block:var(--spacing-3);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art title controls""scrub scrub scrub""time time volume";display:grid}@media (width>=900px){.bar__inner.svelte-14p7rtl{grid-template-columns:auto minmax(0,200px) auto minmax(0,1fr) auto auto;grid-template-areas:"art title controls scrub time volume";min-height:72px}}.bar__art.svelte-14p7rtl{border-radius:var(--radius-sm);grid-area:art}.bar__title.svelte-14p7rtl{font-family:var(--font-display);font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;grid-area:title;overflow:hidden}.bar__controls.svelte-14p7rtl{align-items:center;gap:var(--spacing-1);grid-area:controls;display:flex}.bar__toggle.svelte-14p7rtl{background:var(--color-brand-500);color:#fff;border-radius:var(--radius-full)}.bar__scrub.svelte-14p7rtl{width:100%;min-width:0;accent-color:var(--color-brand-500);grid-area:scrub}.bar__time.svelte-14p7rtl{font-size:var(--text-micro);font-variant-numeric:tabular-nums;color:#ffffffbf;grid-area:time}.bar__volume.svelte-14p7rtl{align-items:center;gap:var(--spacing-2);grid-area:volume;display:inline-flex}.bar__volume.svelte-14p7rtl input:where(.svelte-14p7rtl){width:80px;accent-color:var(--color-brand-500)}.bar__controls.svelte-14p7rtl button:where(.svelte-14p7rtl):disabled{opacity:.4;cursor:not-allowed}