.radio-shell{width:calc(100% - 48px);max-width:1000px;margin:56px auto 70px;color:#eef7ff}.radio-heading{margin-bottom:24px}.radio-heading small{font-size:10px;font-weight:800;letter-spacing:2px;color:#b4d5ec}.radio-heading h1{margin:8px 0;font-size:clamp(30px,4vw,44px);font-weight:850;letter-spacing:.5px}.radio-heading h1 span{color:#a9cfe8}.radio-heading p{color:#c2d6e3;font-size:14px;margin:8px 0}.radio-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(280px,1fr);gap:24px;align-items:start}.radio-player{background:rgba(10,23,35,.86);padding:16px 20px 22px;box-shadow:0 22px 65px #0005;backdrop-filter:blur(14px)}.radio-cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.radio-progress{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin:24px 0 20px;font-size:11px;font-variant-numeric:tabular-nums}.radio-progress span:last-child{text-align:right}.radio-shell input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;min-height:0;padding:0;margin:0;border:0;outline-offset:6px;background:linear-gradient(to right,#a9cfe8 0%,#a9cfe8 var(--progress,0%),#667785 var(--progress,0%),#667785 100%);cursor:pointer}.radio-shell input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%!important;background:#c4e4f7;border:0;box-shadow:0 0 0 4px #a9cfe825}.radio-shell input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%!important;background:#c4e4f7;border:0}.radio-shell input[type=range]:disabled{opacity:.45;cursor:default}.radio-track-title{font-size:21px;font-weight:800;line-height:1.35;margin:0 0 4px;overflow-wrap:anywhere}.radio-track-subtitle{font-size:12px;color:#acc5d6;margin:0}.radio-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:20px 0}.radio-shell button.radio-control{display:grid;place-items:center;position:relative;width:34px;height:36px;padding:5px;color:#deedf7;background:transparent;border:0;box-shadow:none;cursor:pointer;flex-shrink:0}.radio-control svg{width:22px;height:22px}.radio-shell button.radio-play{width:50px;height:50px;border:2px solid #a9cfe8;border-radius:50%!important;background:#a9cfe818}.radio-play svg{width:24px;height:24px}.radio-shell button.radio-control:hover{color:white;background:#a9cfe823}.radio-control[aria-pressed=true]{color:#a9cfe8!important}.radio-repeat-one{position:absolute;right:1px;top:0;font-size:10px;line-height:1}.radio-volume{display:flex;align-items:center;gap:10px;max-width:180px;margin:auto}.radio-volume input{--progress:70%}.radio-status{min-height:18px;font-size:12px;color:#aecbdc;text-align:center;margin:16px 0 0}.radio-playlist{padding:22px 20px;background:linear-gradient(180deg,rgba(15,32,47,.84),rgba(15,32,47,.55));backdrop-filter:blur(12px)}.radio-playlist-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.radio-playlist-heading h2{margin:0;font-size:17px}.radio-playlist-heading span{font-size:12px;color:#bad6e7}.radio-list{list-style:none;margin:0;padding:0;max-height:568px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#85aac2 #132939}.radio-shell button.radio-track{display:grid;grid-template-columns:25px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;border:0;box-shadow:none;background:transparent;color:#d6e5ef;padding:12px 10px;text-align:left;cursor:pointer}.radio-track-index{font-size:11px;color:#91adc0;font-variant-numeric:tabular-nums}.radio-track-name{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.radio-shell button.radio-track:hover{background:#a9cfe814;color:#fff}.radio-shell button.radio-track[aria-current=true]{background:#a9cfe825;color:#fff}.radio-track-indicator{font-size:17px;color:#c1e3f9;text-align:center}.radio-shell button:focus-visible,.radio-shell input:focus-visible{outline:2px solid #d3ecfb;outline-offset:4px}.radio-playlist-note{color:#abc4d4;font-size:11px;margin:18px 0 0;line-height:1.5}@media(max-width:720px){.radio-shell{width:calc(100% - 28px);margin-top:32px}.radio-grid{grid-template-columns:minmax(0,1fr);gap:18px}.radio-player{width:100%;max-width:440px;justify-self:center;padding:14px 18px 20px}.radio-playlist{padding:20px 14px}.radio-list{max-height:360px}.radio-heading h1{font-size:32px}.radio-track-title{font-size:19px}}

.radio-shell{max-width:none;margin-top:56px}.radio-grid{grid-template-columns:minmax(0,420px);justify-content:end}.radio-volume input{--progress:10%}@media(max-width:720px){.radio-grid{grid-template-columns:minmax(0,1fr)}.radio-player{justify-self:end}}

.radio-heading{text-align:right}