body.radio-detached.calm{padding:20px;background:radial-gradient(ellipse 120% 420px at 50% 0,#dbc3aa80,transparent),var(--paper);color:var(--ink);min-width:0;width:100%;max-width:460px;margin:auto}
:root[data-theme=dark] body.radio-detached.calm{background:radial-gradient(ellipse 120% 420px at 50% 0,#694b3260,transparent),var(--paper)}
.radio-window-brand{padding:4px 6px 22px}
.radio-window-brand img{display:block;width:min(100%,290px);height:auto;margin:auto}
body.radio-detached.calm #radio-panel{position:static;display:block;width:100%;max-width:none;max-height:none;padding:20px;margin:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 8px 30px #342b2510;color:var(--ink)}
.radio-detached.calm .small-title,.radio-detached.calm .radio-hint,.radio-detached.calm #radio-minimize,.radio-detached.calm #radio-marquee{display:none!important}
.radio-detached.calm .radio-heading{align-items:center;margin-bottom:14px;cursor:default}
body.radio-detached.calm #radio-panel #radio-title{font:500 22px/1.3 'Golos Text',sans-serif;letter-spacing:-.02em;margin:0}
.radio-detached.calm .radio-heading .equalizer{display:inline-flex}
.radio-detached.calm .radio-intro{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 16px}
.radio-detached.calm #radio-close{border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink)}
.radio-detached.calm #radio-video-toggle{width:100%;min-height:44px;border:1px solid var(--line);border-radius:14px;padding:8px 12px;background:var(--paper);color:var(--ink);font-size:12px}
.radio-detached.calm .radio-screen{margin-top:12px;border-radius:14px;overflow:hidden}
.radio-detached.calm #radio-track{font-size:15px;font-weight:500;line-height:1.5;margin:18px 0 8px}
.radio-detached.calm #radio-source,.radio-detached.calm #radio-status{font-size:12px;line-height:1.5;color:var(--muted)}
.radio-detached.calm .radio-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.radio-detached.calm .radio-controls button{flex:1 1 auto;min-height:44px;border:1px solid var(--control-line);border-radius:999px;padding:8px 13px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:400}
.radio-detached.calm #radio-play{background:var(--orange);color:var(--surface);border-color:var(--orange)}
.radio-detached.calm .radio-controls button:disabled{opacity:.55}
.radio-detached.calm #radio-youtube{display:block;font-size:12px;margin-top:18px;text-underline-offset:3px}
.radio-detached.calm #radio-popout{display:none}
.radio-detached.calm .radio-window-cookies{display:block;margin:10px auto 0;font-size:11px}
.radio-detached.calm #cookie-notice{bottom:12px;left:12px;right:12px;max-height:80dvh;overflow:auto}
.radio-detached.calm :focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:360px){body.radio-detached.calm{padding:12px}.radio-detached.calm #radio-panel{padding:16px}}

body.radio-detached.calm,:root[data-theme=dark] body.radio-detached.calm{background:radial-gradient(ellipse 120% 420px at 50% 0,#825b3f50,transparent),var(--paper)}
.radio-detached.embedded #radio-close{display:none}
.radio-detached.calm .radio-screen{height:auto;aspect-ratio:16/9;min-width:0;min-height:200px}
.radio-detached.calm .radio-screen #radio-player{width:100%;height:100%}
body.radio-detached.calm.embedded{padding:12px;max-width:none}
.radio-detached.embedded .radio-window-brand{padding:2px 40px 12px 4px}
.radio-detached.embedded .radio-window-brand img{width:min(100%,235px)}
body.radio-detached.calm.embedded #radio-panel{padding:14px;border-radius:16px}
.radio-detached.embedded .radio-intro{display:none}
.radio-detached.embedded .radio-heading{margin-bottom:8px}
.radio-detached.embedded #radio-video-toggle{min-height:32px;padding-block:4px}
.radio-detached.embedded #radio-track{font-size:14px;margin-top:12px}
.radio-detached.embedded .radio-controls{margin-top:10px}
.radio-detached.embedded #radio-youtube{margin-top:12px}
.radio-detached.calm .radio-volume-control{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:12px;font-size:14px;color:var(--ink)}
.radio-detached.calm #radio-volume{width:100%;min-height:32px;height:32px}