:root{color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:transparent}body{font-family:Arial,sans-serif}.radio-player{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 8px;background:radial-gradient(circle at 50% 50%,rgba(107,71,19,.34),transparent 46%)}button{cursor:pointer}.round{display:grid;place-items:center;border-radius:50%;color:#f7f3ea;border:1px solid #45423c;background:linear-gradient(145deg,#30302f,#080808 70%);box-shadow:inset 0 1px 2px rgba(255,255,255,.25),0 4px 12px #000}.round:hover,.round:focus-visible{border-color:#f2ab21;color:#ffd269;outline:0}.round.small{width:54px;height:54px;font-size:17px}.main-control{position:relative;width:82px;height:82px;flex:0 0 82px;border:3px solid #efaa20;background:radial-gradient(circle,#332819 0,#0b0b0b 60%,#2d1c08 62%,#050505 70%);box-shadow:inset 0 0 0 4px #6e460d,0 0 13px rgba(255,177,35,.8),0 5px 15px #000;color:#fff;font-size:30px}.main-control span{position:absolute}.pause-icon{display:none;font-size:31px;font-weight:900;letter-spacing:-7px;margin-left:-6px}.main-control.playing .play-icon{display:none}.main-control.playing .pause-icon{display:block}.equalizer{width:82px;height:52px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:5px}.equalizer i{display:block;width:5px;height:20%;background:linear-gradient(#ffce55,#e09310);box-shadow:0 0 5px rgba(255,178,23,.55);animation:bars .9s ease-in-out infinite alternate;animation-play-state:paused}.equalizer.playing i{animation-play-state:running}.equalizer i:nth-child(2){animation-delay:-.7s;height:70%}.equalizer i:nth-child(3){animation-delay:-.4s;height:35%}.equalizer i:nth-child(4){animation-delay:-.2s;height:85%}.equalizer i:nth-child(5){animation-delay:-.8s;height:45%}.equalizer i:nth-child(6){animation-delay:-.3s;height:100%}.equalizer i:nth-child(7){animation-delay:-.6s;height:60%}.equalizer i:nth-child(8){animation-delay:-.1s;height:82%}.equalizer i:nth-child(9){animation-delay:-.5s;height:30%}.volume{display:flex;align-items:center;gap:6px;margin-left:5px}.volume button{border:0;background:none;color:#eee;font-size:20px;padding:4px}.volume input{width:88px;accent-color:#efaa20}@keyframes bars{0%{height:16%}100%{height:100%}}@media(max-width:520px){.radio-player{gap:7px}.equalizer{display:none}.round.small{width:42px;height:42px;font-size:13px}.main-control{width:68px;height:68px;flex-basis:68px}.volume input{width:60px}}@media(max-width:350px){.round.small{display:none}.volume{margin-left:0}}@media(prefers-reduced-motion:reduce){.equalizer i{animation:none}}