.song.svelte-hzrp5n{z-index:1;background:linear-gradient(135deg,#c8102e2e,#1a3a6b59);border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1.25rem;max-width:640px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;position:relative}.play.svelte-hzrp5n{cursor:pointer;background:linear-gradient(135deg, var(--red), var(--red-dark));border:none;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;transition:transform .2s;display:grid;box-shadow:0 4px 20px #c8102e73}.play.svelte-hzrp5n:hover{transform:scale(1.06)}.play.svelte-hzrp5n:focus-visible{outline:3px solid var(--white);outline-offset:3px}.play.svelte-hzrp5n svg:where(.svelte-hzrp5n){width:28px;height:28px;fill:var(--white)}.meta.svelte-hzrp5n{flex:1;min-width:0}.label.svelte-hzrp5n{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--red);font-size:.75rem;font-weight:600}.title.svelte-hzrp5n{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--white);margin-bottom:.5rem;font-size:1.6rem;line-height:1.1}.progress.svelte-hzrp5n{align-items:center;gap:.6rem;display:flex}.time.svelte-hzrp5n{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:2.5em;font-size:.75rem}input[type=range].svelte-hzrp5n{appearance:none;background:linear-gradient(90deg, var(--red) var(--pct), #ffffff26 var(--pct));cursor:pointer;border-radius:3px;flex:1;min-width:0;height:6px}input[type=range].svelte-hzrp5n::-webkit-slider-thumb{appearance:none;background:var(--white);border-radius:50%;width:14px;height:14px}input[type=range].svelte-hzrp5n::-moz-range-thumb{background:var(--white);border:none;border-radius:50%;width:14px;height:14px}.compact.svelte-hzrp5n{padding:1rem 1.25rem}.compact.svelte-hzrp5n .play:where(.svelte-hzrp5n){width:52px;height:52px}.compact.svelte-hzrp5n .title:where(.svelte-hzrp5n){font-size:1.3rem}