/* Press preview stream player, ported from the EPK player (epk.css "listen"), scoped under .sp. */
.sp-wrap{--hot:#eaf6ff;--line:rgba(234,246,255,.12);padding-block:clamp(40px,6vw,72px) clamp(28px,4vw,48px);color:var(--ink)}
.sp-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px 24px;margin-bottom:clamp(24px,3.5vw,40px)}
.sp-head h2{margin:0;font:800 clamp(1.75rem,1.2rem + 2vw,3rem)/1.05 var(--display);font-stretch:112%;letter-spacing:-.01em;color:var(--ink)}
.sp-head p{margin:0;font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.sp{display:grid;grid-template-columns:minmax(0,clamp(200px,22vw,320px)) minmax(0,1fr);grid-template-areas:"disc deck" "list list";gap:clamp(24px,3.5vw,56px);align-items:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.sp .ico{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sp-disc{grid-area:disc;position:relative;width:100%;aspect-ratio:1;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;color:var(--hot)}
.sp-disc:focus-visible{outline-offset:-12px}
.sp-corona{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(70,177,255,0) 0 50%,rgba(159,214,255,.9) 62%,var(--hot) 65.5%,rgba(70,177,255,.5) 72%,rgba(70,177,255,.14) 86%,transparent 100%);opacity:.9;transform:scale(.97);transition:opacity .5s,transform .5s}
.sp[data-state="playing"] .sp-corona,.sp-disc:hover .sp-corona{opacity:1;transform:scale(1)}
.sp-ring{position:absolute;inset:17.5%;width:65%;height:65%;transform:rotate(-90deg)}
.sp-ring circle{fill:none;stroke-width:2.2}
.sp-ring .trk{stroke:rgba(234,246,255,.18)}
.sp-ring .prog{stroke:var(--hot);stroke-linecap:round;stroke-dasharray:351.86;stroke-dashoffset:351.86}
.sp-void{position:absolute;inset:20%;border-radius:50%;background:var(--void);display:grid;place-items:center}
.sp-void .ico{grid-area:1/1;width:26%;height:26%;fill:var(--hot);stroke:none}
.sp-void .ico--play{transform:translateX(6%)}
.sp .ico--pause,.sp[data-state="playing"] .ico--play,.sp[data-state="loading"] .ico--play{display:none}
.sp[data-state="playing"] .ico--pause{display:block}
.sp-spin{grid-area:1/1;width:30%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(234,246,255,.2);border-top-color:var(--hot);display:none;animation:sp-spin .9s linear infinite}
.sp[data-state="loading"] .sp-spin{display:block}
@keyframes sp-spin{to{transform:rotate(1turn)}}
.sp-deck{grid-area:deck;min-width:0;display:flex;flex-direction:column;gap:12px}
.sp-deck p{margin:0}
.sp-deck .label{color:var(--volt-soft)}
.sp-title{font:800 clamp(1.75rem,1.2rem + 2vw,2.75rem)/1.05 var(--display);font-stretch:112%;overflow-wrap:anywhere}
.sp-wave{position:relative;height:clamp(52px,5.5vw,72px);cursor:pointer;touch-action:none;border-radius:4px}
.sp-wave canvas{width:100%;height:100%;display:block}
.sp-times{display:flex;justify-content:space-between;font:400 14px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--mute)}
.sp-ctl{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.sp-round{width:48px;height:48px;border-radius:50%;border:1px solid rgba(234,246,255,.25);background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .15s,border-color .15s}
.sp-round:hover{background:rgba(234,246,255,.08);border-color:var(--hot)}
.sp-round .ico{width:20px;height:20px}
.sp-kbd{font:400 12px/1.3 var(--mono);color:var(--mute)}
.sp-err{color:#ffb4a8;font-size:15px}
.sp-list{grid-area:list;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.sp-list li{border-top:1px solid var(--line)}
.sp-list button{width:100%;display:grid;grid-template-columns:3ch minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,24px);min-height:56px;padding:10px clamp(8px,1.4vw,20px);background:none;border:0;color:var(--ink);text-align:left;cursor:pointer;font:inherit;transition:background-color .15s}
.sp-list button:hover{background:rgba(234,246,255,.04)}
.sp-list .n,.sp-list .d{font:400 15px var(--mono);font-variant-numeric:tabular-nums;color:var(--mute)}
.sp-list .tt{font:700 clamp(1.0625rem,1rem + .5vw,1.375rem)/1.2 var(--display);font-stretch:112%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-list button[aria-current="true"]{background:rgba(70,177,255,.1)}
.sp-list button[aria-current="true"] .n{color:var(--volt)}
.sp-away{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
@media (max-width:760px){.sp{grid-template-columns:1fr;grid-template-areas:"disc" "deck" "list"}.sp-disc{width:min(64vw,260px);justify-self:center}}