/* Compact floating radio player, with the station and controls grouped clearly. */
.player{left:12px;right:12px;bottom:8px;height:76px;padding:10px 18px;gap:24px;border:1px solid #485047;border-radius:18px;background:#252c27f5;box-shadow:0 8px 32px #0003;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
:root[data-theme="light"] .player{background:#fafbf7f5;border:1px solid #d8dfd0;box-shadow:0 6px 26px #23321b14}
.player .now-playing{gap:12px}
.player .player-art{width:52px;height:52px;border-radius:12px;box-shadow:0 2px 8px #00000012;border:1px solid var(--line)}
.player .track-text strong{font-size:15px;font-weight:800;line-height:1.4}
.player .track-text>span{font-size:11px;margin-top:3px;max-width:100%;opacity:.85}
.player .track-text{flex:0 1 auto}
.player .now-playing>.icon-button{margin-left:8px;flex-shrink:0}
.player .icon-button{width:36px;height:36px;border-radius:50%;flex-shrink:0}
.player .icon-button:hover:not(:disabled){background:#8b9a7b18}
.player .playback{gap:12px}
.player .main-play{width:52px;height:52px;background:#fa927b;color:#302521;box-shadow:0 3px 10px #fa927b33;flex-shrink:0;transition:background-color .15s,box-shadow .15s}
.player .main-play:hover:not(:disabled){background:#ffab98;box-shadow:0 4px 14px #fa927b55}
.player .main-play svg{width:23px;height:23px;stroke-width:2}
.player .live-label{font-size:9px;letter-spacing:1px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;gap:7px;white-space:nowrap;opacity:.65}
.player.is-playing .live-label{opacity:1}
.player.is-playing .live-label .dot{background:#82a66b;box-shadow:0 0 0 3px #82a66b20}
.player .player-tools{gap:7px;min-width:0}
.player .player-tools input{width:82px;cursor:pointer}
.player .sleep-control{border:1px solid var(--line);border-radius:10px;padding:0 8px;margin-left:8px;height:36px}
.player .sleep-control select{max-width:114px;padding:6px;font-size:11px;cursor:pointer;background:transparent}
@media(max-width:1100px){.player{gap:14px;padding-inline:14px}.player .live-label{display:none}.player .player-tools input{width:60px}}
@media(max-width:800px){.player{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.player .player-tools input,.player .sleep-control,.player .player-tools>#mute{display:none}.player .player-tools{display:flex}.player .player-tools>#player-info{display:grid}.player .now-playing>.icon-button{display:grid}.player .playback{gap:5px}}
@media(max-width:500px){.player{left:8px;right:8px;bottom:6px;height:74px;padding:10px;gap:3px;border-radius:15px}.player .player-art{width:44px;height:44px;border-radius:10px}.player .now-playing{gap:9px}.player .track-text{flex:1;min-width:0}.player .track-text strong{font-size:13px}.player .track-text>span{font-size:10px}.player .main-play{width:46px;height:46px}.player .playback #retry{width:28px}.player .player-tools{gap:0}.player #player-info{width:28px}.player .now-playing>.icon-button{margin-left:0;width:28px}}
@media(max-width:420px){.player .now-playing>.icon-button{display:none}}
@media(prefers-reduced-motion:reduce){.player .main-play{transition:none}}