:root{color-scheme:dark}.popup-body{min-height:100vh;background:#080909}.traditional-player{width:min(100%,560px);margin:0 auto;padding:16px;background:#111312;color:#f4f0e8;border:1px solid #3d403d;font-family:Arial,sans-serif}.traditional-player,.traditional-player *{-webkit-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box}.traditional-player-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 13px;border-bottom:1px solid #3b3e3b}.traditional-player-header>div{display:grid;gap:6px}.traditional-player-header img{width:215px;max-width:70vw;height:auto}.traditional-player-header span{color:#aaa69e;font-size:8px;font-weight:900;letter-spacing:.14em}.traditional-player-header button{width:34px;height:34px;padding:0;color:#f4f0e8;background:transparent;border:1px solid #595c58;font:300 30px/28px Arial;cursor:pointer}.traditional-hero{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;padding:15px 0 11px}.traditional-hero figure{min-width:0;margin:0;border:1px solid #444742;background:#090a09}.traditional-hero figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.traditional-step{width:42px;height:72px;color:#f4f0e8;background:#191b19;border:1px solid #434642;font:400 42px/1 Georgia,serif;cursor:pointer}.traditional-step:hover,.traditional-step:focus-visible{color:#111;background:var(--station-accent);border-color:var(--station-accent);outline:0}.traditional-now{padding:8px 0 12px}.traditional-now>span{display:block;margin-bottom:7px;color:var(--station-accent);font-size:8px;font-weight:900;letter-spacing:.13em}.traditional-now h1{margin:0;color:#f4f0e8;font:400 32px/.98 Georgia,serif}.traditional-ticker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:12px;padding:10px 0;border-block:1px solid #343734}.traditional-ticker b{color:var(--station-accent);font-size:8px;letter-spacing:.12em}.traditional-ticker div{overflow:hidden;white-space:nowrap}.traditional-ticker i{color:#d9d5cd;font-size:12px;font-style:normal;white-space:nowrap}.traditional-transport{display:grid;grid-template-columns:1fr 86px 1fr;gap:10px;align-items:center;padding:14px 0 9px}.traditional-transport>button:not(.traditional-play){display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;color:#ddd8cf;background:#171916;border:1px solid #444641;font-size:14px;font-weight:900;cursor:pointer}.traditional-transport>button:not(.traditional-play) small{font-size:8px;letter-spacing:.1em}.traditional-play{display:grid;min-height:74px;place-items:center;gap:4px;color:#111;background:var(--station-accent);border:0;border-radius:50%;cursor:pointer}.traditional-play .play-icon{width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid #111;transform:translateX(2px)}.traditional-play .player-play-copy{font-size:8px;font-weight:900;letter-spacing:.1em}.traditional-play.playing .pause-icon{display:flex;gap:5px}.traditional-play.playing .pause-icon i{display:block;width:5px;height:20px;background:#111}.traditional-volume{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0 16px;border-bottom:1px solid #343734}.traditional-volume button{padding:7px 9px;color:#d9d5cd;background:transparent;border:1px solid #565953;font-size:8px;font-weight:900;letter-spacing:.1em}.traditional-volume input{width:100%;accent-color:var(--station-accent)}.traditional-volume span{color:#aaa69e;font-size:8px;font-weight:900;letter-spacing:.12em}.traditional-stations{padding:14px 0 12px}.traditional-stations>span{display:block;margin-bottom:9px;color:#aaa69e;font-size:8px;font-weight:900;letter-spacing:.14em}.traditional-stations>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.traditional-stations button{overflow:hidden;padding:0 0 7px;color:#dad6cf;background:#171917;border:1px solid #424541;cursor:pointer}.traditional-stations button img{display:block;width:100%;height:42px;object-fit:cover}.traditional-stations button b{display:block;padding-top:6px;font-size:8px;letter-spacing:.06em}.traditional-stations button.selected{color:var(--station-accent);border:2px solid var(--station-accent)}.traditional-history{border:1px solid #3a3d39;background:#111311}.traditional-history header{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid #393c38}.traditional-history header span{font-size:9px;font-weight:900;letter-spacing:.1em}.traditional-history header b{color:#aaa69e;font-size:7px;letter-spacing:.12em}.traditional-history ol{margin:0;padding:0;list-style:none}.traditional-history li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;padding:11px 12px;border-bottom:1px solid #292c29}.traditional-history li:last-child{border-bottom:0}.traditional-history li span{color:var(--station-accent);font-size:9px}.traditional-history li b{overflow:hidden;color:#e8e4dc;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.traditional-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:12px}.traditional-footer>*{display:grid;min-width:0;min-height:33px;place-items:center;padding:6px 8px;color:#d8d4cc;background:transparent;border:1px solid #3a3c39;font-size:7px!important;font-weight:900;letter-spacing:.09em;line-height:1.1;text-align:center;text-decoration:none;text-transform:none;white-space:normal}.traditional-footer>*:last-child{color:var(--station-accent);border-color:var(--station-accent)}.is-compact .traditional-hero{grid-template-columns:32px minmax(0,1fr) 32px;padding-top:10px}.is-compact .traditional-step{width:32px;height:52px;font-size:32px}.is-compact .traditional-now h1{font-size:25px}.is-compact .traditional-history{display:none}.is-compact .traditional-stations button img{height:32px}@media(max-width:440px){.traditional-player{padding:12px}.traditional-player-header img{width:182px}.traditional-hero{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px}.traditional-step{width:34px;height:56px}.traditional-now h1{font-size:28px}.traditional-transport{grid-template-columns:1fr 72px 1fr}.traditional-footer{grid-template-columns:1fr 1fr}.traditional-footer>*:last-child{grid-column:1/-1}}
.traditional-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch;margin-top:10px;padding-top:10px;border-top:1px solid #343734}.traditional-social span{grid-column:1/-1;color:#aaa69e;font-size:7px!important;font-weight:900;letter-spacing:.14em;line-height:1;text-transform:uppercase}.traditional-social a{display:grid;min-width:0;min-height:30px;place-items:center;padding:6px 7px;color:#d8d4cc;background:#171917;border:1px solid #3a3c39;font-size:7px!important;font-weight:900;letter-spacing:.07em;line-height:1.05;text-align:center;text-decoration:none;text-transform:uppercase;white-space:normal}.traditional-social a:hover,.traditional-social a:focus-visible{color:#111;background:var(--station-accent);border-color:var(--station-accent);outline:0}@media(max-width:440px){.traditional-social{grid-template-columns:1fr}.traditional-social span{grid-column:auto}.traditional-social a{min-height:32px}}