:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#253887;color:#fff}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:60px 24px}.station{width:min(100%,480px);text-align:center}.logo{position:relative;width:min(100%,410px);aspect-ratio:501/122;margin:auto;overflow:hidden}.logo img{position:absolute;width:125.55%;max-width:none;height:auto;left:-12.77%;top:-208.2%}.intro{font-size:10px;letter-spacing:.3em;color:#b6c1e8;margin:28px 0 57px}.player{text-align:left;padding:25px 27px 18px;border:1px solid #ffffff24;background:#1b2d70;border-radius:25px;box-shadow:0 24px 64px #101c5026}.player-top{display:flex;align-items:center;justify-content:space-between}.channel{font-size:10px;letter-spacing:.19em;font-weight:650;color:#b8c5ed}.live{font-size:9px;letter-spacing:.14em;display:flex;align-items:center;gap:6px;color:#c7d2f1}.live i{height:5px;width:5px;background:#a5b3de;border-radius:50%}.controls{display:flex;align-items:center;gap:19px;padding:27px 0 28px}.play{flex:none;width:66px;height:66px;display:grid;place-items:center;border:0;border-radius:50%;color:#253887;background:#fff;cursor:pointer;transition:transform .15s,background .15s}.play:hover{background:#e9eeff;transform:scale(1.04)}.play:active{transform:scale(.97)}.play svg{width:27px;height:27px;fill:currentColor}.play-icon{margin-left:3px}.pause-icon,.spinner{display:none}.track{min-width:0}.track h1{font-size:20px;letter-spacing:-.025em;font-weight:600;margin:0 0 8px}.track p{font-size:12px;line-height:1.5;color:#b8c5ed;margin:0}.equalizer{height:25px;margin-left:auto;display:flex;align-items:center;gap:3px}.equalizer i{width:3px;height:4px;border-radius:3px;background:#a9bafa}.player-bottom{border-top:1px solid #ffffff19;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px}.format{font-size:11px;color:#b8c5ed}.volume{display:flex;align-items:center;gap:9px}.volume button{width:32px;height:32px;background:transparent;color:#cbd6fc;border:0;display:grid;place-items:center;cursor:pointer;padding:6px}.volume svg{height:18px;width:18px;fill:currentColor}.sound,.muted{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.muted{display:none}[aria-pressed=true] .muted{display:block}[aria-pressed=true] .sound{display:none}input[type=range]{accent-color:#d4defe;width:82px;height:24px;cursor:pointer;margin:0}#volume-value{font-size:10px;color:#b8c5ed;font-variant-numeric:tabular-nums;min-width:28px}.system-volume{font-size:10px;color:#b8c5ed}.signature{margin:38px 0 0;font-size:10px;letter-spacing:.18em;color:#bcc7ec}.signature span{font-size:11px;text-transform:lowercase;font-style:normal;letter-spacing:0;margin:0 8px;color:#92a3d4}button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:5px}.player[data-state=playing] .play-icon{display:none}.player[data-state=playing] .pause-icon{display:block}.player[data-state=playing] .live i{background:#8eebc3}.player[data-state=playing] .equalizer i{animation:wave .9s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.6s!important}.equalizer i:nth-child(3){animation-delay:-.3s!important}.equalizer i:nth-child(4){animation-delay:-.8s!important}.equalizer i:nth-child(5){animation-delay:-.4s!important}.player[data-state=loading] .play-icon,.player[data-state=loading] .pause-icon{display:none}.player[data-state=loading] .spinner{display:block;width:25px;height:25px;border:2px solid #25388730;border-top-color:#253887;border-radius:50%;animation:spin .8s linear infinite}.player[data-state=error] #status{color:#ffd2cf}@keyframes wave{to{height:23px}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.player[data-state=playing] .equalizer i{height:15px}}@media(max-width:520px){main{padding:48px 20px}.logo{width:310px;max-width:100%}.intro{font-size:9px;margin:24px 0 42px;letter-spacing:.22em}.player{padding:22px 21px 16px;border-radius:22px}.controls{gap:15px;padding:25px 0}.play{height:58px;width:58px}.track h1{font-size:18px}.track p{font-size:11px}.equalizer{gap:2px}.equalizer i{width:2px}.signature{margin-top:30px}.player-bottom{flex-wrap:wrap}input[type=range]{width:68px}}@media(pointer:coarse){.volume button{width:44px;height:44px}input[type=range]{height:44px}}@media(max-width:350px){.equalizer{display:none}}

.logo{margin-bottom:57px}@media(max-width:520px){.logo{margin-bottom:42px}}