*{box-sizing:border-box} :root{--bg:var(--dark-bg,#101c1b);--surface:#1c2a28;--text:#f5f1e9;--muted:#a7b5b0;--line:#ffffff16;--accent:#dcba76;color-scheme:dark}body{margin:0;min-height:100vh;min-height:100svh;background:var(--bg);color:var(--text);font:14px/1.45 var(--font-body,Arial,Helvetica,sans-serif);transition:background .25s,color .25s}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}.player{position:relative;z-index:1;width:min(100%,420px);margin:auto;padding:22px 28px 16px}.station-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.station-brand{display:flex;align-items:center;gap:10px;min-width:0}.station-brand>div{min-width:0}.station-brand img{width:auto;max-width:150px;height:38px;object-fit:contain;flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:600}h1{font:600 17px/1.25 var(--font-heading,Arial,Helvetica,sans-serif);margin:3px 0;overflow-wrap:anywhere}.artwork-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #0003;background:var(--surface)}.artwork{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .24s,transform .5s}.artwork.changing{opacity:0;transform:scale(1.025)}.track{text-align:center;margin-top:20px;min-height:86px}.track h2{font:500 23px/1.2 var(--font-heading,Arial,Helvetica,sans-serif);margin:6px 0;overflow-wrap:anywhere}.track p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}#track-info{transition:opacity .2s}#store-link{font-size:10px;color:var(--muted);text-underline-offset:3px}#store-link{display:inline-block;margin-top:6px;line-height:0}#store-link img{height:30px;width:auto;display:block}#store-link[hidden]{display:none}.playback{display:flex;justify-content:center;align-items:center;margin:20px 0 14px}.play-button{position:relative;display:grid;place-items:center;width:68px;height:68px;margin:auto;border:0;border-radius:50%;background:var(--accent);color:#142c29;box-shadow:0 0 0 5px var(--line);transition:transform .15s}.play-button:hover{transform:scale(1.04)}.play-button svg{width:30px;height:30px;fill:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:680px) and (min-width:360px){.player{padding:16px 28px 12px}.station-header{margin-bottom:14px}.artwork-wrap{max-width:250px;margin:auto}.track{margin-top:16px;min-height:76px}.track h2{font-size:21px}.playback{margin:10px 0}.play-button{width:62px;height:62px}}@media(min-width:600px){.player{padding-top:32px}}@media(max-width:359px){.player{padding:18px 20px}.eyebrow{font-size:8px}.track h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.play-button:disabled{opacity:.45;cursor:not-allowed}.play-button:disabled:hover{transform:none}

.player-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;background:#071b38;transition:opacity .5s}
.player-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(32px);transform:scale(1.15);transition:opacity .24s}
.player-backdrop img.changing{opacity:0}
.player-backdrop:after{content:"";position:absolute;inset:0;background:var(--backdrop-tint,#08244e);opacity:var(--backdrop-opacity,.5)}
body.is-playing.has-artwork .player-backdrop{opacity:1}
body.is-playing.has-artwork{--text:#f5f8ff;--muted:#c5d1e3;--line:#ffffff24;color-scheme:dark}



.play-button[aria-busy="true"]:after{content:"";position:absolute;inset:-9px;border:3px solid var(--line);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;pointer-events:none;animation:srp-loading .8s linear infinite}
@keyframes srp-loading{to{transform:rotate(360deg)}}

.artwork.is-fallback{object-fit:contain}