.radio-section{--radio-gold:#e3c47b;--radio-ink:#f7f6f0;box-sizing:border-box;width:100%;min-width:0;color:var(--radio-ink);background:linear-gradient(115deg,#123b61,#082640);border:2px solid #c8a557;border-radius:12px;margin:0 0 14px;padding:18px 22px;position:relative;box-shadow:0 5px 18px #08264024}.radio-section:before{content:"";pointer-events:none;border:1px solid #dfbd6b70;border-radius:8px;position:absolute;inset:5px}.radio-heading{border-bottom:1px solid #c8a55780;align-items:center;gap:12px;margin:0 0 15px;padding-bottom:13px;display:flex;position:relative}.radio-heading>div{min-width:0}.radio-heading h2{color:#f1d796;letter-spacing:.06em;margin:0;font:600 clamp(17px,1.6vw,22px)/1.25 Georgia,Times New Roman,serif}.radio-heading p{color:#d7e2ec;margin:5px 0 0;font:14px/1.4 Arial,Helvetica,sans-serif;display:block}.radio-mark{width:40px;height:40px;color:var(--radio-gold);border:1px solid #c8a557;border-radius:50%;flex:none;place-items:center;display:grid}.radio-mark svg{width:28px;height:28px}.radio-player{align-items:center;gap:16px;min-width:0;display:flex;position:relative}.radio-play,.radio-next{cursor:pointer;border-radius:50%;flex:none;place-items:center;font-family:Arial,Helvetica,sans-serif;transition:background .15s,box-shadow .15s;display:grid}.radio-play{color:#29200e;background:linear-gradient(145deg,#ceb477,#b8944b);border:1px solid #9a762e;width:54px;height:54px;font-size:21px;box-shadow:inset 0 0 0 3px #ffffff30,0 2px 5px #6a532215}.radio-play:hover{background:#cfb579;box-shadow:inset 0 0 0 3px #ffffff40,0 3px 7px #6a532222}.radio-next{color:#f0d18c;background:#173e60;border:1px solid #d2ae60;width:44px;height:44px;font-size:20px}.radio-next:hover{background:#245477}.radio-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.radio-kicker{color:#e4c781;letter-spacing:.14em;font:600 11px/1.3 Arial,Helvetica,sans-serif;display:block}.radio-details strong{color:#fffdf6;overflow-wrap:anywhere;font:600 16px/1.4 Georgia,Times New Roman,serif}.radio-details>span:not(.radio-kicker){color:#c5d5e3;font:12px/1.4 Arial,Helvetica,sans-serif;display:block}.radio-timeline{color:#dae5ed;font-variant-numeric:tabular-nums;align-items:center;gap:8px;min-width:0;margin:3px 0 0;font:12px/1.4 Arial,Helvetica,sans-serif;display:flex}.radio-timeline span{flex:none}.radio-timeline input{flex:1;width:100%;min-width:30px}.radio-volume{color:#e4c781;flex:none;align-items:center;gap:7px;display:flex}.radio-volume>span{font-size:16px}.radio-volume input{width:72px}.radio-section input[type=range]{appearance:none;cursor:pointer;height:32px;accent-color:var(--radio-gold);background:0 0;margin:0}.radio-section input[type=range]::-webkit-slider-runnable-track{background:#8a7953;border-radius:2px;height:3px}.radio-section input[type=range]::-webkit-slider-thumb{appearance:none;background:#e8c778;border:2px solid #153b5c;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 1px #e8c778}.radio-section input[type=range]::-moz-range-track{background:#8a7953;border-radius:2px;height:3px}.radio-section input[type=range]::-moz-range-thumb{background:#e8c778;border:2px solid #153b5c;border-radius:50%;width:10px;height:10px}.radio-section input:disabled{opacity:.45;cursor:default}.radio-section button:focus-visible,.radio-section input:focus-visible{outline-offset:4px;outline:2px solid #f3d38b}.radio-message{color:#f0d18c;margin:12px 0 0;font:14px/1.4 Arial,Helvetica,sans-serif;position:relative}@media (width<=700px){.radio-section{padding:17px 16px}.radio-heading{gap:10px;margin-bottom:13px}.radio-heading h2{letter-spacing:.035em;font-size:18px}.radio-heading p{font-size:13px}.radio-player{grid-template-columns:54px minmax(0,1fr) 44px;gap:12px;display:grid}.radio-details{grid-area:1/2/auto/4}.radio-next{grid-area:2/1;justify-self:center}.radio-volume{grid-area:2/2/auto/4;justify-self:end}.radio-volume input{width:130px}.radio-details strong{font-size:16px}.radio-timeline{gap:6px}}@media (prefers-reduced-motion:reduce){.radio-section button{transition:none}}