:root{--bg:#121416;--card:#1b1e21;--line:#ffffff20;--ink:#f6f4f1;--muted:#b5b8bc;--lime:#ff9a5d;--violet:#ffad7b}
.simple-radio{background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}
.simple-radio [hidden]{display:none!important}
.simple-radio .shell{width:min(860px,calc(100% - 40px))}
.simple-radio .topbar{height:auto;min-height:84px;padding:18px 0;gap:20px}
.simple-radio .brand b{font-size:23px}.simple-radio .brand .brand-radio{font-size:12px;letter-spacing:.06em}
.simple-radio .brand-mark{width:42px;height:42px}
.simple-radio .topbar nav{gap:24px;font-size:14px;margin-left:auto;flex-wrap:wrap}
.simple-radio .topbar nav>a:first-child{display:inline;color:var(--muted)}
.simple-radio .nav-button{font:inherit;color:var(--ink);padding:10px 0}
.simple-radio .radio-section{display:block;padding:48px 0 28px}
.simple-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.simple-radio .radio-section h1{font-family:inherit;font-size:clamp(26px,4vw,34px);letter-spacing:-.035em;line-height:1.2;margin:0;font-weight:700}
.simple-radio .status-pill{font-size:12px;letter-spacing:.03em;padding:7px 10px}
.simple-radio .status-pill i{box-shadow:none}
.simple-radio .player-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:none}
.simple-track{display:flex;align-items:center;gap:24px;min-width:0}
.simple-mascot{width:116px;height:116px;flex:none;object-fit:contain;border-radius:12px;background:#25292d}
.simple-radio .now-playing{min-width:0}.simple-radio .now-playing .eyebrow{font-size:12px;letter-spacing:.07em;color:var(--muted)}
.simple-radio .now-playing h2{font-family:inherit;font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:8px 0;overflow-wrap:anywhere}
.simple-radio .now-playing p{font-size:15px;color:var(--muted);overflow-wrap:anywhere}
.simple-radio .player-controls{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.simple-radio .play-button{min-height:52px;padding:14px 24px;font-size:16px;gap:12px;border-radius:10px;background:var(--lime);color:#21160e;box-shadow:none;font-weight:700;justify-content:center}
.simple-radio .volume{display:flex;align-items:center;gap:14px;font-size:14px;margin:0}
.simple-radio .volume input{width:160px;height:28px;margin:0;accent-color:var(--lime)}
.simple-radio .listeners{display:block;font-size:14px;color:var(--muted);margin:18px 0 0}
.simple-panel{border-bottom:1px solid var(--line)}
.simple-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;font-size:16px;font-weight:600;padding:14px 2px}
.simple-panel>summary::-webkit-details-marker{display:none}
.simple-panel>summary:after{content:'+';color:var(--muted);font-size:22px;font-weight:400}
.simple-panel[open]>summary:after{content:'−'}
.simple-radio .community{padding:16px 0 24px}
.live-account{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px}
.simple-radio .identity{font-size:14px;padding:10px 16px;min-height:44px}
.simple-radio .central-account-links{font-size:14px}
.simple-radio .live-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px}
.simple-radio .stage-panel,.simple-radio .chat-panel{border-radius:12px;box-shadow:none}
.simple-radio .stage-grid,.simple-radio .stage-empty{min-height:230px}
.simple-radio .stage-empty h3{font-family:inherit;font-size:22px;letter-spacing:0}
.simple-radio .stage-empty p{font-size:14px;max-width:270px}
.simple-radio .chat-welcome img{width:54px;height:64px;object-fit:contain}
.simple-radio .chat-welcome{height:190px}.simple-radio .chat-welcome h4{font-size:18px;font-family:inherit}
.simple-radio .chat-welcome p,.simple-radio .chat-form input,.simple-radio .chat-join,.simple-radio .chat-message,.simple-radio .panel-note{font-size:14px}
.simple-radio .chat-messages{min-height:200px}.simple-radio .panel-heading h3{font-size:16px}
.simple-radio .subtle,.simple-radio .message-heading{font-size:12px}
.simple-radio .button,.simple-radio .icon-button{font-size:14px;min-height:44px}
.simple-radio .simple-more .section-heading h2,.simple-radio .rubrics-heading h2,.simple-radio .fun-band h2{font-size:28px;font-family:inherit}
.simple-radio .simple-more .hero-stamp,.simple-radio .simple-more .joke-star{display:none}
.simple-radio footer{border-top:0;padding:26px 0 32px;font-size:14px;color:var(--muted);flex-wrap:wrap;gap:14px}
.simple-radio footer a:last-child{font-size:14px;letter-spacing:0;width:auto}
.simple-radio .toast{font-size:14px}.simple-radio dialog{font-size:16px}
.simple-radio dialog h2{font-size:36px}.simple-radio dialog p,.simple-radio dialog label,.simple-radio dialog input{font-size:16px}
.simple-radio :focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:600px){.simple-radio .shell{width:calc(100% - 32px)}.simple-radio .topbar{min-height:76px;gap:12px}.simple-radio .brand b{font-size:20px}.simple-radio .brand .brand-radio{font-size:10px}.simple-radio .topbar nav{gap:14px}.simple-radio .brand-mark{width:36px;height:36px}.simple-radio .radio-section{padding:30px 0 16px}.simple-heading{gap:12px;margin-bottom:18px}.simple-radio .player-card{padding:20px}.simple-track{gap:16px}.simple-mascot{width:76px;height:86px}.simple-radio .now-playing h2{font-size:20px}.simple-radio .player-controls{gap:20px;margin-top:22px;padding-top:20px}.simple-radio .play-button{width:100%}.simple-radio .volume{width:100%}.simple-radio .volume input{flex:1;width:auto;min-width:0}.simple-radio .live-layout{grid-template-columns:1fr}.simple-radio .stage-actions{flex-wrap:wrap}.simple-radio footer{font-size:14px}}
@media(max-width:360px){.simple-radio .topbar{flex-wrap:wrap}.simple-radio .topbar nav{margin-left:0}.simple-track{align-items:flex-start}.simple-mascot{width:60px;height:76px}}
