.listening-page.svelte-l53iuu{--listening-panel-bg: var(--section-bg);--listening-card-bg: color-mix(in lab, var(--background), #000000 6%);--listening-card-bg-soft: color-mix(in lab, var(--background), #000000 4%);--listening-border: color-mix(in lab, var(--quote-color), transparent 75%);--listening-border-strong: color-mix(in lab, var(--link-color), transparent 45%);--listening-focus: color-mix(in lab, var(--link-color), transparent 85%);background-color:var(--background);border-radius:var(--radius-sm);padding:1rem;line-height:1.5;box-shadow:0 0 10px #0000004d;color:var(--text-color)}.page-hero.svelte-l53iuu{text-align:center;margin-bottom:1.5rem}.eyebrow.svelte-l53iuu{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin:0 0 .35rem;color:var(--link-color);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}h1.svelte-l53iuu{font-size:1.35rem;font-weight:600;margin:0 0 .75rem;text-align:center}h2.svelte-l53iuu{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}p.svelte-l53iuu{margin:0 0 1rem}.hero-copy.svelte-l53iuu,.section-head.svelte-l53iuu p:where(.svelte-l53iuu),.section-head.svelte-l53iuu span:where(.svelte-l53iuu),.stat-card.svelte-l53iuu span:where(.svelte-l53iuu),.stat-card.svelte-l53iuu small:where(.svelte-l53iuu),.track-copy.svelte-l53iuu small:where(.svelte-l53iuu),.track-copy.svelte-l53iuu time:where(.svelte-l53iuu),.track-topline.svelte-l53iuu{color:var(--quote-color)}.hero-actions.svelte-l53iuu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.hero-actions.svelte-l53iuu a:where(.svelte-l53iuu),.view-toggle.svelte-l53iuu button:where(.svelte-l53iuu){display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--border-color);border-radius:999px;background:var(--background);color:var(--text-color);padding:.5rem .85rem;font:inherit;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.hero-actions.svelte-l53iuu a:where(.svelte-l53iuu):hover,.view-toggle.svelte-l53iuu button:where(.svelte-l53iuu):hover,.view-toggle.svelte-l53iuu button.active:where(.svelte-l53iuu){border-color:var(--link-color);color:var(--link-color);text-decoration:none}.featured-track.svelte-l53iuu{display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:center;margin:0 0 1rem;padding:.85rem;border:1px solid var(--listening-border);border-radius:var(--radius-sm);background:var(--listening-card-bg);color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease}.featured-track.svelte-l53iuu:hover{border-color:var(--listening-border-strong);background:color-mix(in lab,var(--background),#000000 8%);text-decoration:none}.featured-track.is-playing.svelte-l53iuu{border-color:var(--listening-border-strong)}.featured-track.svelte-l53iuu img:where(.svelte-l53iuu),.fallback-cover.svelte-l53iuu{width:96px;height:96px;border-radius:10px;object-fit:cover;background:var(--background);border:1px solid var(--border-color)}.fallback-cover.svelte-l53iuu,.track-fallback.svelte-l53iuu{display:grid;place-items:center;color:var(--link-color);font-size:1.5rem}.featured-copy.svelte-l53iuu{min-width:0}.featured-copy.svelte-l53iuu h2:where(.svelte-l53iuu){font-size:1.25rem;margin-bottom:.25rem;overflow-wrap:anywhere}.featured-copy.svelte-l53iuu p:where(.svelte-l53iuu){font-weight:600;margin-bottom:.25rem}.featured-copy.svelte-l53iuu span:where(.svelte-l53iuu){color:var(--quote-color)}.status-dot.svelte-l53iuu{position:relative;width:.55rem;height:.55rem;border-radius:999px;background:var(--quote-color);flex-shrink:0}.status-dot.live.svelte-l53iuu{background:var(--link-color)}.status-dot.live.svelte-l53iuu:before{content:"";position:absolute;top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem;border-radius:999px;background:color-mix(in srgb,var(--link-color) 30%,transparent);animation:svelte-l53iuu-lastfm-pulse 1.8s ease-out infinite;pointer-events:none}.status-dot.live.svelte-l53iuu:after{content:"";position:absolute;top:-.15rem;right:-.15rem;bottom:-.15rem;left:-.15rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--link-color) 45%,transparent);animation:svelte-l53iuu-lastfm-pulse-ring 1.8s ease-out infinite;pointer-events:none}.stats-grid.svelte-l53iuu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm, .75rem);margin:0 0 1.5rem;padding:1rem;border-radius:10px;background:var(--listening-panel-bg)}.stat-card.svelte-l53iuu{padding:.6rem .75rem;border:1px solid var(--listening-border);border-radius:var(--radius-sm);background:var(--listening-card-bg);min-width:0}.stat-card.svelte-l53iuu span:where(.svelte-l53iuu){display:block;font-size:.8rem;margin-bottom:.25rem}.stat-card.svelte-l53iuu strong:where(.svelte-l53iuu){display:block;font-size:1.1rem;font-weight:600;color:var(--text-color);overflow-wrap:anywhere}.stat-card.svelte-l53iuu small:where(.svelte-l53iuu){display:block;font-size:.75rem;margin-top:.25rem}.section-head.svelte-l53iuu{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;border-top:1px solid var(--border-color);padding-top:1.5rem;margin-bottom:.75rem}.section-head.svelte-l53iuu h2:where(.svelte-l53iuu){margin-bottom:.15rem}.section-head.svelte-l53iuu p:where(.svelte-l53iuu),.section-head.svelte-l53iuu span:where(.svelte-l53iuu){margin:0;font-size:.875rem}.controls.svelte-l53iuu{display:grid;grid-template-columns:1fr minmax(150px,220px) auto auto;gap:.75rem;align-items:end;margin-bottom:1rem;padding:.85rem;border:1px solid var(--listening-border);border-radius:var(--radius-sm);background:var(--listening-card-bg-soft)}label.svelte-l53iuu{display:grid;gap:.35rem;font-size:.875rem;font-weight:600;color:var(--text-color)}input.svelte-l53iuu,select.svelte-l53iuu{width:100%;border:1px solid color-mix(in lab,var(--quote-color),transparent 70%);border-radius:var(--radius-sm);background:var(--listening-card-bg);color:var(--text-color);padding:.55rem .65rem;font:inherit;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input.svelte-l53iuu:focus-visible,select.svelte-l53iuu:focus-visible{border-color:color-mix(in lab,var(--link-color),transparent 60%);box-shadow:0 0 0 3px var(--listening-focus)}.checkbox-control.svelte-l53iuu{display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.55rem;white-space:nowrap}.checkbox-control.svelte-l53iuu input:where(.svelte-l53iuu){width:auto;accent-color:var(--link-color)}.view-toggle.svelte-l53iuu{display:flex;gap:.4rem;padding-bottom:.05rem}.view-toggle.svelte-l53iuu button:where(.svelte-l53iuu){padding:.45rem .7rem}.tracks-grid.svelte-l53iuu{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.tracks-grid.list-view.svelte-l53iuu{grid-template-columns:1fr}.track-card.svelte-l53iuu{display:grid;grid-template-columns:58px 1fr;gap:.75rem;align-items:center;min-width:0;padding:.65rem;border:1px solid var(--listening-border);border-radius:var(--radius-sm);background:var(--listening-card-bg);color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease}.track-card.svelte-l53iuu:hover{border-color:var(--listening-border-strong);background:color-mix(in lab,var(--background),#000000 8%);text-decoration:none}.track-card.is-playing.svelte-l53iuu{border-color:var(--listening-border-strong)}.track-card.svelte-l53iuu img:where(.svelte-l53iuu),.track-fallback.svelte-l53iuu{width:58px;height:58px;border-radius:8px;object-fit:cover;background:var(--background);border:1px solid var(--listening-border)}.track-copy.svelte-l53iuu{display:flex;flex-direction:column;min-width:0}.track-copy.svelte-l53iuu strong:where(.svelte-l53iuu),.track-copy.svelte-l53iuu span:where(.svelte-l53iuu),.track-copy.svelte-l53iuu small:where(.svelte-l53iuu),.track-copy.svelte-l53iuu time:where(.svelte-l53iuu){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-copy.svelte-l53iuu strong:where(.svelte-l53iuu){font-size:.95rem;font-weight:600;color:var(--text-color);margin-bottom:.1rem}.track-copy.svelte-l53iuu>span:where(.svelte-l53iuu){color:var(--text-color)}.track-copy.svelte-l53iuu small:where(.svelte-l53iuu),.track-copy.svelte-l53iuu time:where(.svelte-l53iuu){font-size:.78rem}.track-topline.svelte-l53iuu{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.15rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.play-count.svelte-l53iuu{display:inline-block;width:fit-content;margin-top:.35rem;padding:.15rem .45rem;border:1px solid var(--listening-border);border-radius:999px;background:color-mix(in lab,var(--quote-color),transparent 88%);color:var(--link-color)!important;font-size:.8rem;font-weight:600}.track-badges.svelte-l53iuu{display:inline-flex;align-items:center;justify-content:flex-end;gap:.4rem;min-width:0}.count-badge.svelte-l53iuu{color:var(--link-color);font-weight:700}.loved.svelte-l53iuu{color:var(--link-color)!important}.state-card.svelte-l53iuu{padding:1rem;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--quote-color);text-align:center}.state-card.error.svelte-l53iuu{border-color:#ff4d4d;color:#ff4d4d}.pagination.svelte-l53iuu{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;color:var(--quote-color);font-size:.875rem}.pagination.svelte-l53iuu button:where(.svelte-l53iuu){display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in lab,var(--link-color),transparent 40%);border-radius:var(--radius-sm);background:color-mix(in lab,var(--link-color),transparent 90%);color:var(--link-color);padding:.45rem .8rem;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease}.pagination.svelte-l53iuu button:where(.svelte-l53iuu):hover:not(:disabled),.pagination.svelte-l53iuu button:where(.svelte-l53iuu):focus-visible{background:color-mix(in lab,var(--link-color),transparent 80%);border-color:color-mix(in lab,var(--link-color),transparent 30%);outline:none}.pagination.svelte-l53iuu button:where(.svelte-l53iuu):disabled{opacity:.55;cursor:not-allowed}@keyframes svelte-l53iuu-lastfm-pulse{0%{transform:scale(.7);opacity:.75}70%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}@keyframes svelte-l53iuu-lastfm-pulse-ring{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.45);opacity:0}to{transform:scale(1.45);opacity:0}}@media(max-width:900px){.stats-grid.svelte-l53iuu{grid-template-columns:repeat(2,minmax(0,1fr))}.controls.svelte-l53iuu{grid-template-columns:1fr 1fr}.checkbox-control.svelte-l53iuu,.view-toggle.svelte-l53iuu{padding-bottom:0}}@media(max-width:768px){.listening-page.svelte-l53iuu,.stats-grid.svelte-l53iuu,.controls.svelte-l53iuu{padding:.75rem}h1.svelte-l53iuu{font-size:1.2rem}.page-hero.svelte-l53iuu{margin-bottom:1.25rem}.section-head.svelte-l53iuu{display:block}.section-head.svelte-l53iuu span:where(.svelte-l53iuu){display:block;margin-top:.25rem}.controls.svelte-l53iuu{grid-template-columns:1fr}.view-toggle.svelte-l53iuu{justify-content:flex-start}}@media(max-width:560px){.featured-track.svelte-l53iuu{grid-template-columns:72px minmax(0,1fr);padding:.75rem;gap:.75rem}.featured-track.svelte-l53iuu img:where(.svelte-l53iuu),.fallback-cover.svelte-l53iuu{width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--background);border:1px solid var(--listening-border)}.featured-copy.svelte-l53iuu{min-width:0}.featured-copy.svelte-l53iuu h2:where(.svelte-l53iuu){font-size:1rem}.featured-copy.svelte-l53iuu p:where(.svelte-l53iuu),.featured-copy.svelte-l53iuu span:where(.svelte-l53iuu){font-size:.875rem}.stats-grid.svelte-l53iuu,.tracks-grid.svelte-l53iuu{grid-template-columns:1fr}.hero-actions.svelte-l53iuu{align-items:stretch}.hero-actions.svelte-l53iuu a:where(.svelte-l53iuu){width:100%}.pagination.svelte-l53iuu{flex-wrap:wrap}.pagination.svelte-l53iuu span:where(.svelte-l53iuu){width:100%;text-align:center;order:-1}}@media(prefers-reduced-motion:reduce){.status-dot.live.svelte-l53iuu:before,.status-dot.live.svelte-l53iuu:after{animation:none}}