.chooser-heading{gap:24px;align-items:center}
.song-player{flex:0 0 auto;width:360px;position:relative}
.song-toggle{appearance:none;position:relative;isolation:isolate;width:100%;display:flex;align-items:center;gap:15px;min-height:94px;padding:18px 20px;border:1px solid #f5dd9f;border-radius:8px;background:linear-gradient(115deg,#efce7f,#f8e8ba 55%,#e9c777);color:#173b2a;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 8px 28px #0002;font-family:Manrope,sans-serif;transition:transform .25s,box-shadow .25s}
.song-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0004}
.song-toggle:focus-visible{outline:3px solid #fff7d9;outline-offset:5px}
.song-toggle::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,#fff8 50%,transparent 70%);transform:translateX(-110%);animation:song-sheen 5s ease-in-out 3;animation-play-state:paused;pointer-events:none}
.song-player.is-visible:not(.is-playing) .song-toggle::after{animation-play-state:running}
.song-disc{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:50%;background:#173b2a;color:#f8e8ba;box-shadow:0 0 0 5px #173b2a0b}
.song-disc svg{width:23px;height:23px;grid-area:1/1;fill:currentColor}
.song-disc .song-pause{display:none;fill:none;stroke:currentColor;stroke-width:3}
.song-player.is-playing .song-play{display:none}
.song-player.is-playing .song-pause{display:block}
.song-copy{display:grid;gap:5px;min-width:0}
.song-eyebrow{font-size:8px;letter-spacing:.12em;font-weight:700}
.song-copy strong{font-size:14px;letter-spacing:-.025em;line-height:1.3;font-weight:800}
.song-hint{font-size:10px;color:#36503c;font-variant-numeric:tabular-nums;line-height:1.4}
.song-equalizer{display:flex;align-items:center;gap:3px;margin-left:auto;flex:0 0 22px;height:28px}
.song-equalizer i{display:block;width:2px;height:18px;background:#28533a;border-radius:2px;transform:scaleY(.3);animation:song-bars .9s ease-in-out infinite alternate;animation-play-state:paused}
.song-equalizer i:nth-child(2){height:26px;animation-delay:-.4s}
.song-equalizer i:nth-child(3){height:22px;animation-delay:-.7s}
.song-equalizer i:nth-child(4){height:28px;animation-delay:-.2s}
.song-equalizer i:nth-child(5){height:16px;animation-delay:-.5s}
.song-player.is-playing.is-visible .song-equalizer i{animation-play-state:running}
.song-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#28533a;transform:scaleX(var(--song-progress,0));transform-origin:left}
.song-status:empty{display:none}
.song-status{position:absolute;top:calc(100% + 5px);left:0;color:#f4dfac;font:11px/1.5 Manrope,sans-serif}
@keyframes song-bars{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@keyframes song-sheen{0%,55%{transform:translateX(-110%)}90%,100%{transform:translateX(110%)}}
@media(max-width:1100px) and (min-width:851px){.chooser-heading h1{font-size:clamp(28px,3.6vw,42px)}.song-player{width:330px}.song-toggle{padding:16px 14px;gap:12px}}
@media(max-width:850px){.chooser-heading{align-items:stretch;flex-direction:column;gap:16px}.song-player{width:100%}.song-toggle{min-height:80px;padding:14px 16px}.song-copy strong{font-size:15px}.song-eyebrow{font-size:8px}.chooser-page .chooser-screen{height:auto;min-height:100svh}.choice-grid{flex:1 0 auto;min-height:560px;grid-template-rows:repeat(4,minmax(130px,1fr))}.chooser-heading h1{margin-top:0}}
@media(max-width:380px){.song-toggle{gap:11px;padding:14px 12px}.song-copy strong{font-size:13px}.song-disc{width:38px;height:38px;flex-basis:38px}.song-eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.song-toggle{transition:none}.song-toggle:hover{transform:none}.song-toggle::after,.song-equalizer i{animation:none}.song-player.is-playing .song-equalizer i{transform:scaleY(.7)}}