:root{--radio-height:94px}
body{padding-bottom:var(--radio-height)}
main{min-height:calc(100vh - 84px - var(--radio-height))}
.player{height:auto;min-height:94px;padding-bottom:env(safe-area-inset-bottom);z-index:20}
.radio-bar{max-width:1180px;width:calc(100% - 40px);margin:auto;min-height:91px;padding:13px 0;display:flex;align-items:center;gap:24px}
.radio-brand{display:flex;align-items:center;gap:12px;min-width:190px}
.radio-logo,.radio-cover{width:52px;height:52px;border-radius:9px;object-fit:cover;background:var(--green);flex-shrink:0}
.radio-brand a{font:bold 1.25rem Georgia,serif;color:var(--cream);text-decoration:none}
.radio-eyebrow{display:block;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.1em;margin-bottom:3px}
.radio-track{border-left:1px solid #ffffff26;padding-left:24px;display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.radio-song{min-width:0;line-height:1.5}
.radio-song strong,.radio-song span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radio-song strong{font-size:.9rem;font-weight:600;color:var(--cream)}
.radio-song span{font-size:.8rem;color:#c2cec6}
.radio-playback{display:flex;align-items:center;gap:12px;flex-shrink:0}
.radio-state{font-size:.75rem;color:#c2cec6;max-width:130px;line-height:1.4}
.radio-state::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7b4ab;margin-right:7px}
.player[data-state=playing] .radio-state::before{background:#6dd59b;box-shadow:0 0 8px #6dd59b66}
.player[data-state=loading] .radio-state::before,.player[data-state=reconnecting] .radio-state::before{background:var(--gold);animation:radio-pulse 1s ease-in-out infinite}
.radio-button,.radio-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:0}
.radio-button{width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--green-dark)}
.radio-button:hover{background:#efc65b}
.radio-icon{width:36px;height:40px;border-radius:7px;background:transparent;color:#d7e0da;text-decoration:none}
.radio-icon:hover{background:#ffffff12;color:var(--gold)}
.radio-icon svg,.radio-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.radio-tools,.radio-volume{display:flex;align-items:center;gap:4px}
.radio-volume input{width:92px;height:24px;cursor:pointer;accent-color:var(--gold)}
.player :focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.radio-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.radio-fallback{padding:18px;text-align:center}.radio-fallback a{color:var(--gold)}
@keyframes radio-pulse{50%{opacity:.35}}
@media(max-width:1000px){.radio-bar{gap:16px}.radio-track{padding-left:16px}.radio-volume input{width:64px}.radio-state{max-width:100px}.radio-brand{min-width:165px}.radio-eyebrow{font-size:.65rem}}
@media(max-width:750px){
 :root{--radio-height:130px}main{min-height:calc(100vh - 126px - var(--radio-height))}
 .player{min-height:130px}.radio-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;width:calc(100% - 28px);padding:10px 0;min-height:127px}
 .radio-brand{min-width:0;gap:9px}.radio-logo{width:40px;height:40px}.radio-brand a{font-size:1.1rem}.radio-eyebrow{font-size:.63rem}
 .radio-playback{grid-column:2;grid-row:1;gap:8px}.radio-state{font-size:.7rem;max-width:80px}.radio-button{width:44px;height:44px}
 .radio-track{grid-column:1;grid-row:2;border:0;padding:0;gap:9px}.radio-cover{width:32px;height:32px;border-radius:5px}.radio-song strong{font-size:.8rem}.radio-song span{font-size:.75rem}
 .radio-tools{grid-column:2;grid-row:2;justify-content:flex-end}.radio-volume input{display:none}.radio-icon{width:32px;height:34px}
}
@media(prefers-reduced-motion:reduce){.radio-state::before{animation:none!important}}