/* Release picker, sharing Early Access's dark glass and warm duotone edge. */
body.bioListenOpen{overflow:hidden}
.bioListenSheet{box-sizing:border-box;position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:100%;max-height:92vh;max-height:92dvh;padding:0;border:0;border-radius:28px 28px 0 0;background:radial-gradient(ellipse at 12% 0%,#9380cd38 0%,transparent 57%),radial-gradient(ellipse at 100% 6%,#c8af7c26 0%,transparent 51%),linear-gradient(165deg,#24212c 0%,#18171d 42%,#0b0b0e 82%);color:#f6f2e9;font-family:inherit;box-shadow:0 -20px 70px #0005;overflow:hidden;isolation:isolate;outline:none;color-scheme:dark}
.bioListenSheet[open]{display:flex;flex-direction:column;animation:bioListenUp .48s cubic-bezier(.16,1,.3,1) both}
.bioListenSheet::backdrop{background:rgba(6,6,10,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:bioListenFade .3s ease both}
.bioListenSheet::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;background:linear-gradient(90deg,#c5a362,#77aeb2);opacity:.8}
.bioListenGrip{position:relative;min-height:58px;flex:none;display:flex;justify-content:center;align-items:flex-start;padding-top:13px;box-sizing:border-box;touch-action:none}
.bioListenGrip>span{width:42px;height:4px;border-radius:99px;background:#ffffff30}
.bioListenClose{position:absolute;right:14px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;color:#fff;background:#ffffff12;cursor:pointer}
.bioListenClose svg{width:18px;height:18px}.bioListenClose:hover{background:#ffffff22}
.bioListenSheet a:focus-visible,.bioListenSheet button:focus-visible{outline:2px solid #d5be8d;outline-offset:3px}
.bioListenContent{padding:0 24px max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;min-height:120px;scrollbar-width:thin}
.bioListenIdentity{text-align:center;margin:0 0 28px}.bioListenArtwork{display:block;width:min(52vw,210px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;margin:0 auto 22px;box-shadow:0 16px 44px #0004}
.bioListenPlaceholder{display:grid;place-items:center;background:linear-gradient(135deg,#342e21,#24363c);font-size:65px}
.bioListenIdentity h2{font-size:26px;line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0;overflow-wrap:anywhere;color:#f6f2e9}
.bioListenIdentity>p{font-size:15px;line-height:1.5;color:#f6f2e99c;margin:8px 0 0;overflow-wrap:anywhere}
.bioListenIdentity .bioListenDate{font-size:12px;margin-top:15px;color:#cfb584}
.bioListenSheet .serviceList{display:grid;gap:10px;margin:0}
.bioListenSheet .serviceLink,.bioListenFallback{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 18px;border:1px solid #ffffff14;border-radius:999px;color:#f6f2e9;text-decoration:none;background:linear-gradient(110deg,#c5a3620d,#77aeb209);font:inherit;cursor:pointer;transition:border-color .18s,background .18s}
.bioListenSheet .serviceLink:hover{border-color:#cbb37b70;background:linear-gradient(110deg,#c5a36218,#77aeb214)}
.bioListenSheet .serviceIdentity{display:flex;align-items:center;gap:13px;min-width:0;font-size:15px;font-weight:500}
.bioListenSheet .serviceWordmark{display:block;width:125px;max-width:100%;height:40px;object-fit:contain;object-position:left center}
.bioListenSheet .serviceIdentity>span:last-child{overflow-wrap:anywhere}
.bioListenSheet .serviceMark{display:grid;place-items:center;flex:none;width:27px;height:27px}
.bioListenSheet .serviceMark :where(svg):is(ci-spec,*),.bioListenSheet .serviceMark :where(img):is(ci-spec,*){display:block;width:26px;height:26px;max-width:100%;max-height:100%;fill:currentColor}
.bioListenSheet .serviceAction{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;white-space:nowrap;color:#f6f2e99c}
.bioListenSheet .serviceAction>span{font-size:18px;color:#f6f2e9}
.bioListenEmpty{text-align:center;color:#f6f2e99c;padding:20px 0;line-height:1.6;font-size:14px}
.bioListenFallback{justify-content:center;width:100%;margin:12px 0;font-size:14px}
.bioListenLoading{display:grid;justify-items:center;gap:20px;padding:55px 10px 75px;color:#f6f2e99c;font-size:14px}.bioListenLoading i{width:32px;height:32px;border:2px solid #ffffff12;border-top-color:#ceb681;border-radius:50%;animation:bioListenSpin .8s linear infinite}
.bioListenSheet.isClosing{animation:bioListenDown .2s ease both}.bioListenSheet.isClosing::backdrop{animation:bioListenFadeOut .2s ease both}
/* Keep the mobile picker expanded even when there is only one service. */
@media(max-width:639px){.bioListenSheet{height:88vh;height:88dvh}.bioListenContent{flex:1;min-height:0}}
@media(min-width:640px){.bioListenSheet{inset:0;margin:auto;width:440px;max-width:calc(100vw - 40px);max-height:88vh;max-height:88dvh;border-radius:28px}.bioListenSheet[open]{animation-name:bioListenPop}.bioListenSheet.isClosing{animation-name:bioListenPopOut}}
@media(max-width:350px){.bioListenContent{padding-inline:16px}.bioListenSheet .serviceLink{padding-inline:14px;gap:8px}.bioListenSheet .serviceIdentity{gap:9px;font-size:14px}.bioListenSheet .serviceAction{gap:6px;font-size:11px}}
@keyframes bioListenUp{from{transform:translateY(100%);opacity:.4}to{transform:translateY(0);opacity:1}}
@keyframes bioListenDown{to{transform:translateY(100%);opacity:0}}
@keyframes bioListenPop{from{transform:translateY(24px) scale(.97);opacity:0}to{transform:none;opacity:1}}
@keyframes bioListenPopOut{to{transform:translateY(18px) scale(.98);opacity:0}}
@keyframes bioListenFade{from{opacity:0}to{opacity:1}}@keyframes bioListenFadeOut{to{opacity:0}}@keyframes bioListenSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.bioListenSheet,.bioListenSheet::backdrop,.bioListenLoading i{animation:none!important}.bioListenSheet .serviceLink{transition:none}}

.bioListenSheet [data-service="spotify"] .serviceMark{color:#1ed760}.bioListenSheet [data-service="apple_music"] .serviceMark,.bioListenSheet [data-service="itunes"] .serviceMark{color:#fa5269}.bioListenSheet [data-service="soundcloud"] .serviceMark{color:#ff6b32}.bioListenSheet [data-service="youtube_music"] .serviceMark,.bioListenSheet [data-service="youtube"] .serviceMark{color:#ff2149}.bioListenSheet [data-service="deezer"] .serviceMark{color:#b37bff}.bioListenSheet [data-service="amazon_music"] .serviceMark{color:#31cbd8}

.bioListenSignup{margin-top:22px;border-top:1px solid #ffffff12;padding-top:18px}.bioListenSignup summary{cursor:pointer;color:#d4c198;font-size:13px;text-align:center;padding:10px;list-style:none}.bioListenSignup iframe{display:block;width:100%;height:530px;border:0;margin-top:10px;border-radius:16px;background:#0b0b0e}

/* Reuse the card identity during the request; reserve only the action area. */
.bioListenLoading--actions{padding:16px 10px 28px;gap:12px}