/* Three shared radio layouts; presentation never changes stream or credentials. */
.player-template,.radio-theme-choice{--radio-bg:#151b35;--radio-panel:#202440;--radio-accent:#b7a0ff;--radio-warm:#ffbc85;--radio-text:#f7f5ff;--radio-muted:#c2c8e2;--radio-border:#49415e}
.theme-sunset{--radio-bg:#261c2f;--radio-panel:#3b273b;--radio-accent:#ffb571;--radio-warm:#ffcba6;--radio-text:#fff6ed;--radio-muted:#dbc5ce;--radio-border:#765050}
.theme-ocean{--radio-bg:#082b36;--radio-panel:#123f49;--radio-accent:#79e3d7;--radio-warm:#e2c18e;--radio-text:#eefefa;--radio-muted:#b2d2d4;--radio-border:#36606a}
html[data-publicradio=true] body{background:#11182a;color:#f7f5ff}.radio-topbar{display:flex;justify-content:space-between;align-items:center;padding:20px max(20px,calc((100vw - 1120px)/2));background:#11182a;border-bottom:1px solid #ffffff14}.radio-topbar a{color:#f7f5ff;text-decoration:none;font-weight:700}.radio-language{border:1px solid #555c75;border-radius:99px;padding:8px 18px;background:transparent;color:#eee;cursor:pointer}
.player-template{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 0%,var(--radio-panel),transparent 55%),var(--radio-bg);color:var(--radio-text);border-radius:30px;max-width:1120px;margin:36px auto;padding:60px 54px 24px;border:1px solid var(--radio-border);box-shadow:0 30px 90px #0003;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.radio-orbit{position:absolute;z-index:-1;width:660px;height:660px;border:1px solid var(--radio-border);border-radius:50%;right:-150px;top:-220px;opacity:.45}.radio-orbit:before,.radio-orbit:after{content:"";position:absolute;border:1px solid var(--radio-border);border-radius:50%;inset:55px}.radio-orbit:after{inset:110px}.radio-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.radio-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--radio-accent);display:block}.radio-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--radio-accent);margin-right:8px;box-shadow:0 0 20px var(--radio-accent)}.radio-identity{margin:28px 0}.radio-brand-logo{width:88px;height:88px;border-radius:22px;object-fit:contain;background:#fff;margin-bottom:22px;border:4px solid #ffffff10}.radio-initial{display:grid;place-items:center;background:var(--radio-panel);color:var(--radio-accent);font-size:42px}.player-template h1{font-size:clamp(32px,4.8vw,62px);line-height:1.06;font-weight:800;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere;color:var(--radio-text)}.radio-tagline{font-size:18px;color:var(--radio-warm);margin:20px 0 0;line-height:1.6}.radio-intro-copy{color:var(--radio-muted);font-size:17px;line-height:1.7}.radio-top-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.radio-top-links a{color:var(--radio-text);font-size:13px;text-decoration:none;border-bottom:1px solid var(--radio-border);padding-bottom:8px}.radio-player-card{background:linear-gradient(145deg,#ffffff09,#ffffff02);border:1px solid var(--radio-border);border-radius:26px;padding:28px;box-shadow:0 20px 50px #0002}.radio-art-stage{position:relative;min-height:210px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(160deg,var(--radio-panel),var(--radio-bg));overflow:hidden}.radio-record{width:192px;height:192px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#15161d 0px,#15161d 2px,#303039 3px,#181920 4px);box-shadow:0 12px 30px #0006;animation:record-turn 22s linear infinite;animation-play-state:paused}.is-playing .radio-record{animation-play-state:running}.radio-record-label{border:8px solid var(--radio-accent);border-radius:50%;width:116px;height:116px;overflow:hidden;background:var(--radio-panel)}.radio-record-label img{width:100%;height:100%;object-fit:cover}.radio-onair{position:absolute;top:12px;left:12px;font-size:10px;background:#060b16ca;color:var(--radio-text);padding:6px 10px;border-radius:99px;border:1px solid #ffffff26}.radio-track{margin:24px 0 20px}.radio-track h2{margin:10px 0 6px;font-size:24px;line-height:1.2;color:var(--radio-text);overflow-wrap:anywhere}.radio-track p{color:var(--radio-muted);font-size:14px;margin:0}.radio-player-controls{display:grid;grid-template-columns:60px 1fr 34px;gap:16px;align-items:center}.radio-play{width:60px;height:60px;border-radius:50%;border:0;background:var(--radio-accent);color:var(--radio-bg);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px #0003}.radio-play:disabled{opacity:.4;cursor:default}.radio-play svg{width:26px;height:26px;fill:currentColor}.radio-play .pause-icon{display:none}.radio-play[aria-pressed=true] .play-icon{display:none}.radio-play[aria-pressed=true] .pause-icon{display:block}#station-playback{font-size:12px;margin:0 0 8px;color:var(--radio-muted)}.radio-volume{display:flex;align-items:center;gap:10px;color:var(--radio-muted);font-size:11px}.radio-volume input{width:100%;min-width:45px;accent-color:var(--radio-accent);height:20px;padding:0;cursor:pointer}.radio-share{color:var(--radio-text);font-size:22px;background:transparent;border:1px solid var(--radio-border);border-radius:10px;width:34px;height:34px;cursor:pointer}.radio-next{min-height:16px;margin:20px 0 0;border-top:1px solid var(--radio-border);padding-top:14px;color:var(--radio-muted);font-size:12px;line-height:1.5}.player-template audio{display:none}.radio-story{margin-top:38px;padding:32px;border:1px solid var(--radio-border);border-radius:22px;background:#ffffff03}.radio-story h2{font-size:28px;color:var(--radio-text);margin:12px 0}.radio-story p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--radio-muted);line-height:1.85;margin:0}.radio-social-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.radio-social-links a{padding:12px 20px;color:var(--radio-text);border:1px solid var(--radio-border);border-radius:99px;text-decoration:none;font-size:13px}.radio-app-card{margin-top:28px;padding:26px 32px;border-radius:22px;background:var(--radio-panel);display:flex;gap:24px;align-items:center;justify-content:space-between}.radio-app-card h2{font-size:23px;margin:8px 0;color:var(--radio-text)}.radio-app-card p{font-size:12px;line-height:1.6;color:var(--radio-muted);max-width:560px;margin:0}.radio-app-button{background:var(--radio-accent);border:0;color:var(--radio-bg);padding:14px 20px;border-radius:12px;font-weight:700;cursor:pointer;white-space:nowrap}.radio-foot{display:block;text-align:center;font-size:11px;letter-spacing:.03em;color:var(--radio-muted);padding:30px 0 0;opacity:.8}
.theme-sunset .radio-stage{grid-template-columns:1.1fr 1fr}.theme-sunset .radio-art-stage{background:radial-gradient(ellipse at 50% 140%,#d46846,var(--radio-bg) 78%)}.theme-sunset .radio-player-card{border-radius:28px 28px 8px 28px}.theme-ocean .radio-player-card{border-radius:12px}.theme-ocean .radio-art-stage{background:linear-gradient(130deg,#16606a,#092a33)}.theme-ocean .radio-record{border-radius:24px;animation:none;background:#ffffff0b;border:1px solid var(--radio-border);width:180px;height:180px}.theme-ocean .radio-record-label{border:0;border-radius:18px;width:160px;height:160px}.theme-ocean .radio-record-label img{border-radius:18px}.theme-ocean .radio-brand-logo,.theme-ocean .radio-story{border-radius:12px}
.basic-radio{max-width:760px;padding:34px 32px 24px}.basic-radio .radio-stage{grid-template-columns:1fr 1.05fr;gap:30px}.basic-radio h1{font-size:clamp(30px,4vw,44px)}.basic-radio .radio-player-card{padding:20px}.basic-radio .radio-art-stage{min-height:156px}.basic-radio .radio-record{width:138px;height:138px}.basic-radio .radio-record-label{width:86px;height:86px}.basic-radio.theme-ocean .radio-record-label{width:120px;height:120px}.basic-radio .radio-track h2{font-size:21px}
.radio-theme-picker{border:0;padding:0;margin:18px 0 26px}.radio-theme-picker legend{font-weight:800;margin-bottom:8px}.radio-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.radio-theme-choice{position:relative;background:var(--radio-bg);border:2px solid var(--radio-border);padding:12px;border-radius:16px;color:var(--radio-text);display:flex;flex-direction:column;gap:5px;cursor:pointer}.radio-theme-choice:has(input:checked){outline:3px solid var(--radio-accent);outline-offset:2px}.radio-theme-choice input{position:absolute;top:10px;right:10px;width:16px;height:16px;accent-color:var(--radio-accent)}.radio-theme-choice strong{color:var(--radio-text);font-size:13px}.radio-theme-choice small{font-size:10px;color:var(--radio-muted);line-height:1.4}.theme-mini{height:70px;display:flex;align-items:center;gap:12px;padding:8px;background:var(--radio-panel);border-radius:9px;margin-bottom:5px}.theme-mini-disc{width:42px;height:42px;border-radius:50%;background:repeating-radial-gradient(circle,#212532 0,#212532 3px,#7775 4px);border:8px solid var(--radio-accent);flex-shrink:0}.theme-mini-lines{width:45px;height:5px;background:var(--radio-accent);box-shadow:0 12px 0 var(--radio-border),0 -12px 0 var(--radio-muted)}.theme-ocean .theme-mini-disc{border-radius:8px}.player-template a:hover,.radio-share:hover{color:var(--radio-accent)}.player-template button:focus-visible,.player-template a:focus-visible,.radio-theme-choice:focus-within{outline:3px solid var(--radio-warm);outline-offset:4px}
@keyframes record-turn{to{transform:rotate(360deg)}}
@media(max-width:850px){.player-template{margin:24px 18px;padding:36px 28px}.radio-stage{gap:28px}.radio-player-card{padding:20px}.radio-app-card{padding:22px;flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.player-template{margin:16px 12px;padding:28px 18px 20px;border-radius:22px}.radio-stage,.theme-sunset .radio-stage,.basic-radio .radio-stage{grid-template-columns:1fr;gap:24px}.radio-identity{display:flex;align-items:center;gap:16px;margin:20px 0}.radio-brand-logo{width:68px;height:68px;flex-shrink:0;margin:0}.player-template h1{font-size:36px}.radio-intro-copy{font-size:14px;margin:12px 0}.radio-tagline{font-size:14px;margin:10px 0 0}.radio-story{padding:22px;margin-top:24px}.radio-story h2{font-size:24px}.radio-art-stage{min-height:194px}.radio-theme-grid{gap:8px}.radio-theme-choice{padding:8px}.theme-mini{height:58px;padding:5px}.theme-mini-disc{width:34px;height:34px;border-width:6px}.theme-mini-lines{display:none}.radio-player-controls{gap:12px}.radio-volume{gap:6px}.radio-topbar{padding:16px 22px}.radio-topbar a{font-size:14px;overflow-wrap:anywhere;max-width:75%}}
@media(prefers-reduced-motion:reduce){.radio-record{animation:none}}

#app .radio-play{font-size:0;line-height:0}#app .radio-play svg{width:26px;height:26px;flex-shrink:0}#app .radio-play .play-icon{display:block}#app .radio-play .pause-icon{display:none}#app .radio-play[aria-pressed=true] .play-icon{display:none}#app .radio-play[aria-pressed=true] .pause-icon{display:block}

/* v148: readable Starter controls and touch targets; retain selected palette. */
.basic-radio .radio-stage{grid-template-columns:minmax(0,1fr);max-width:640px;margin:auto;gap:20px}.basic-radio .radio-intro{text-align:center}.basic-radio .radio-identity{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px 0}.basic-radio .radio-brand-logo{margin:0;width:90px;height:90px;flex-shrink:0}.basic-radio h1{font-size:clamp(26px,5vw,40px)}.basic-radio .radio-intro-copy{margin:12px 0}.basic-radio .radio-play{width:72px;height:72px}.basic-radio .radio-player-controls{grid-template-columns:72px minmax(0,1fr) 44px}.radio-share{width:44px;height:44px}.radio-volume input{min-height:44px}#station-playback{font-size:14px;line-height:1.5}.radio-community input,.radio-community textarea{width:100%;color:var(--radio-text);background:var(--radio-bg);border:1px solid var(--radio-border);border-radius:10px;padding:12px;font:inherit;min-height:44px}.radio-community label{display:block;color:var(--radio-text)}.radio-community .form{display:grid;gap:14px}.radio-community .btn{min-height:44px;background:var(--radio-accent);color:var(--radio-bg)}.chat-list{max-height:380px;overflow:auto;margin:20px 0;overscroll-behavior:contain}.chat-message,.song-request{padding:16px;border-bottom:1px solid var(--radio-border,#aaa5);overflow-wrap:anywhere}.chat-message p{white-space:pre-wrap}.station-reply{border-left:3px solid var(--radio-accent,#8ce5ff)}.song-request{display:flex;align-items:center;justify-content:space-between;gap:16px}.radio-community hr{border:0;border-top:1px solid var(--radio-border);margin:28px 0}
@media(max-width:600px){.player-template.basic-radio{padding:24px 14px 14px;margin:16px 10px;border-radius:22px}.basic-radio .radio-player-card{padding:18px}.basic-radio .radio-identity{flex-direction:column}.radio-community{padding:20px 16px}.radio-player-controls{gap:10px}.radio-volume{flex-wrap:wrap}.song-request{align-items:flex-start;flex-direction:column}}

/* v149: distinct Pro layouts, reusable palettes and safe mobile widths. */
.radio-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.radio-palette{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--radio-border);border-radius:10px;color:var(--radio-text);background:var(--radio-bg);cursor:pointer;min-height:44px}.radio-palette span{width:22px;height:22px;border-radius:50%;background:var(--radio-accent);flex-shrink:0}.radio-preview-notice{text-align:center;padding:16px;background:#202440;color:#f7f5ff;margin:0}.radio-preview-notice a{color:#c7b6ff}.full-radio.theme-modern .radio-stage{grid-template-columns:minmax(0,1fr);max-width:700px;margin:auto;text-align:center}.full-radio.theme-modern .radio-identity{display:flex;justify-content:center;gap:24px;align-items:center}.full-radio.theme-modern .radio-brand-logo{margin:0}.full-radio.theme-modern .radio-top-links{justify-content:center}.full-radio.theme-modern .radio-player-card{text-align:left;border-radius:32px}.full-radio.theme-celestial .radio-player-card{box-shadow:0 0 40px #6aaaff15;border-color:#9bdfff55}.full-radio.theme-sunset .radio-player-card{box-shadow:0 22px 55px #0005}.full-radio.theme-ocean .radio-player-card{box-shadow:8px 8px 0 #79e3d715}.full-radio .radio-social-links a{min-height:44px;display:flex;align-items:center;gap:10px}.radio-stage>*,.radio-player-controls>*,.radio-identity>div{min-width:0}.radio-background-preview{max-width:100%;object-fit:cover;border-radius:12px}.radio-theme-choice strong,.radio-theme-choice small{display:block;line-height:1.5}.radio-theme-choice:has(input:checked){outline:2px solid var(--radio-accent);outline-offset:2px}
@media(max-width:620px){.full-radio .radio-stage,.full-radio.theme-modern .radio-stage{grid-template-columns:minmax(0,1fr)}.full-radio.theme-modern .radio-identity{flex-direction:column}.full-radio .radio-top-links{gap:12px}.radio-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-radio .radio-social-links a{padding:12px 14px}.full-radio .radio-play{min-width:60px;min-height:60px}}