body:has(.rr-studio) .site-header,body:has(.rr-studio) .site-footer,body:has(.rr-studio-login) .site-header,body:has(.rr-studio-login) .site-footer{display:none!important}\nhtml:has(.rr-studio),html:has(.rr-studio-login){margin-top:0!important}\n
.roca-radio-player{--rr-gold:#c69b4e;--rr-wine:#771b2a;background:linear-gradient(145deg,#202228,#111216);border:1px solid rgba(255,255,255,.09);border-radius:28px;padding:28px;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.28);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.rr-head{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}
.rr-brandmark{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid rgba(198,155,78,.22);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3px}
.rr-brandmark img{width:100%;height:100%;display:block;object-fit:contain;border-radius:9px}
@keyframes rrwave{to{transform:scaleY(.55);opacity:.65}}
.rr-kicker{display:block;font-size:8px;letter-spacing:.18em;color:#d2b778;font-weight:900}
.rr-head strong{display:block;font-size:13px;margin-top:3px}
.rr-live-pill{background:#bb273f;color:#fff;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:950;letter-spacing:.12em}
.rr-now{display:grid;grid-template-columns:138px 1fr;gap:24px;align-items:center;margin:34px 0 28px}
.rr-art{width:138px;height:138px;border-radius:25px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 28% 24%,#3e3430,#18191c 60%);overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.rr-art:before{content:"";position:absolute;inset:-55px;border:1px solid rgba(198,155,78,.11);border-radius:50%}
.rr-disc{position:absolute;width:95px;height:95px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 18px rgba(255,255,255,.015)}
.rr-art-logo{position:relative;width:45px;height:45px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;padding:3px;border:1px solid rgba(198,155,78,.28)}
.rr-art-logo img{width:100%;height:100%;display:block;object-fit:contain;border-radius:50%}
.rr-track>span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#9297a0;font-weight:900}
.rr-track h3{font-family:Georgia,serif;font-size:29px;line-height:1.06;margin:8px 0 7px;font-weight:500}
.rr-track p{margin:0;color:#9ca1aa;font-size:11px;line-height:1.5}
.rr-controls{display:grid;grid-template-columns:52px 1fr 42px;gap:14px;align-items:center}
.rr-play,.rr-volume{border:0;cursor:pointer}
.rr-play{width:52px;height:52px;border-radius:50%;background:var(--rr-gold);color:#141414;display:grid;place-items:center}
.rr-play svg{grid-area:1/1;width:20px;height:20px;fill:currentColor;stroke:none}
.rr-play [data-pause-icon]{fill:none;stroke:currentColor;stroke-width:2}
.rr-volume{width:42px;height:42px;border-radius:50%;background:#292c32;color:#fff;font-size:16px}
.rr-progress-track{height:3px;border-radius:999px;background:#33363d;overflow:hidden}
.rr-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--rr-gold),#e2c98e);border-radius:inherit}
.rr-time{display:flex;justify-content:space-between;color:#747983;font-size:8px;margin-top:7px}
.rr-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.07);padding-top:16px;margin-top:24px;color:#818690;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.rr-footer>span{display:flex;align-items:center;gap:7px}
.rr-dot{width:6px;height:6px;border-radius:50%;background:#55c98a}
.rr-footer small{font-size:8px}
body:has(.rr-studio-login){background:linear-gradient(155deg,#111318,#252a33);min-height:100vh}
body:has(.rr-studio-login) .rs-header,body:has(.rr-studio-login) .rs-footer{display:none!important}
.rr-studio-login{box-sizing:border-box;width:min(460px,calc(100% - 30px));margin:clamp(45px,10vh,110px) auto;padding:36px;border-radius:26px;background:#fff;color:#171a20;box-shadow:0 25px 90px rgba(0,0,0,.3);font-family:Inter,system-ui,sans-serif}
.rr-studio-login img{width:66px;height:66px;object-fit:contain;border-radius:50%;margin-bottom:17px}
.rr-studio-login span{display:block;color:#8c1d2c;font-size:11px;font-weight:800;letter-spacing:.14em}
.rr-studio-login h1{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:14px 0}
.rr-studio-login p{color:#657080;line-height:1.55;margin:0 0 24px}
.rr-studio-login .button-primary{display:block;text-align:center;background:#171a20;color:#fff;text-decoration:none;border-radius:12px;padding:14px 18px;font-weight:800}
.rr-studio-login .button-primary:hover,.rr-studio-login .button-primary:focus-visible{background:#8c1d2c;color:#fff}
@media(max-width:480px){.rr-studio-login{padding:28px 22px}.rr-studio-login h1{font-size:27px}}
.rr-studio{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f6f8;min-height:100vh;padding:42px;color:#15171c}
.rr-studio-top{display:flex;justify-content:space-between;gap:25px;align-items:end;max-width:1180px;margin:0 auto 24px}
.rr-studio-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#8b1f30;font-weight:900}
.rr-studio-top h1{font-size:38px;letter-spacing:-.045em;margin:4px 0 5px}
.rr-studio-top p{margin:0;color:#747c88;font-size:13px}
.rr-studio-state{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e5ea;border-radius:999px;padding:10px 14px;font-size:10px;letter-spacing:.1em}
.rr-studio-state>span{width:8px;height:8px;border-radius:50%;background:#8e949c}
.rr-studio-state.is-live>span{background:#da3048;box-shadow:0 0 0 5px rgba(218,48,72,.12)}
.rr-studio-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:15px;max-width:1180px;margin:auto}
.rr-studio-card{background:#fff;border:1px solid #e2e6eb;border-radius:20px;padding:23px;min-height:330px}
.rr-card-head>div{display:flex;align-items:center;gap:9px}
.rr-card-head span{font-size:9px;color:#9a773d;font-weight:900}
.rr-card-head h2{margin:0;font-size:20px}
.rr-studio-card>p{color:#777f8a;font-size:12px;line-height:1.55}
.rr-studio-card label{display:grid;gap:6px;margin-top:15px;color:#59616d;font-size:10px;font-weight:800}
.rr-studio-card select{width:100%;border:1px solid #dde2e7;border-radius:10px;padding:11px 12px;background:#fff;font:inherit;font-size:12px;outline:none}
.rr-secondary{margin-top:14px;border:1px solid #dce1e6;background:#f8f9fb;border-radius:9px;padding:9px 11px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.rr-level{height:5px;background:#edf0f3;border-radius:999px;margin-top:22px;overflow:hidden}
.rr-level span{display:block;height:100%;width:0;background:linear-gradient(90deg,#c69b4e,#da3048);transition:width .08s linear}
.rr-studio-live{display:flex;flex-direction:column}
.rr-big-status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.rr-broadcast-icon{width:74px;height:74px;border-radius:50%;background:#f7eef0;color:#8d1f31;display:grid;place-items:center;font-size:28px;margin-bottom:14px}
.rr-big-status strong{font-size:17px}
.rr-big-status small{color:#8b929c;margin-top:4px}
.rr-go-live{border:0;background:#8a1e30;color:#fff;border-radius:12px;padding:14px 18px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.rr-go-live.is-live{background:#17191d}
.rr-studio-note{font-size:10px!important;margin-top:11px!important;text-align:center}
.rr-statline{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f3;font-size:11px}
.rr-statline span{color:#7c838d}.rr-statline strong{color:#1a1c20}
.rr-manager-link{display:block;margin-top:20px;font-size:11px;font-weight:850;color:#7f2030}
.rr-studio-tip{max-width:1180px;margin:15px auto 0;background:#16191e;color:#fff;border-radius:17px;padding:17px 20px;display:flex;gap:15px;align-items:center}
.rr-studio-tip strong{font-size:11px;white-space:nowrap;color:#d9bd83}
.rr-studio-tip p{margin:0;color:#aeb3bb;font-size:11px}
@media(max-width:940px){.rr-studio-grid{grid-template-columns:1fr}.rr-studio-card{min-height:auto}.rr-studio{padding:24px 16px}.rr-studio-top{align-items:flex-start;flex-direction:column}.rr-studio-state{align-self:flex-start}}
@media(max-width:620px){.roca-radio-player{padding:22px;border-radius:22px}.rr-now{grid-template-columns:95px 1fr;gap:16px;margin:27px 0 22px}.rr-art{width:95px;height:95px;border-radius:19px}.rr-disc{width:66px;height:66px}.rr-art-logo{width:34px;height:34px;font-size:14px}.rr-track h3{font-size:23px}.rr-controls{grid-template-columns:48px 1fr 40px}.rr-play{width:48px;height:48px}.rr-studio-top h1{font-size:30px}.rr-studio-tip{align-items:flex-start;flex-direction:column;gap:4px}}


/* Compact global player */
.roca-radio-player.rr-compact{position:fixed;right:18px;bottom:18px;z-index:95;width:min(360px,calc(100vw - 28px));padding:14px 15px;border-radius:18px;background:linear-gradient(145deg,rgba(31,33,39,.98),rgba(14,15,18,.98));box-shadow:0 20px 55px rgba(0,0,0,.32);backdrop-filter:blur(18px)}
.rr-compact .rr-head{grid-template-columns:36px 1fr auto;gap:10px}
.rr-compact .rr-brandmark{width:36px;height:36px;border-radius:11px}
.rr-compact .rr-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-compact .rr-now,.rr-compact .rr-footer{display:none}
.rr-compact .rr-controls{grid-template-columns:42px 1fr 34px;gap:10px;margin-top:12px}
.rr-compact .rr-play{width:42px;height:42px}
.rr-compact .rr-volume{width:34px;height:34px;font-size:13px}
.rr-compact .rr-time{margin-top:5px}
@media(max-width:620px){.roca-radio-player.rr-compact{right:14px;bottom:14px;padding:12px;width:calc(100vw - 28px)}.rr-compact .rr-kicker{font-size:7px}.rr-compact .rr-head strong{font-size:11px}}


/* Global player polish */
.roca-radio-player .rr-play{background:var(--rr-gold)!important;color:#141414!important;border:0!important;box-shadow:0 10px 28px rgba(198,155,78,.22)}
.roca-radio-player .rr-volume{background:#292c32!important;color:#fff!important;border:0!important}
.roca-radio-player .rr-head strong{color:#fff!important}
.roca-radio-player.rr-compact{min-height:74px;padding:14px 72px 14px 14px;border-color:rgba(198,155,78,.28);isolation:isolate}
.rr-compact .rr-head{grid-template-columns:38px minmax(0,1fr);gap:11px}
.rr-compact .rr-brandmark{width:38px;height:38px}
.rr-compact .rr-live-pill{position:absolute;top:8px;right:8px}
.rr-compact .rr-controls{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:block;margin:0}
.rr-compact .rr-progress,.rr-compact .rr-volume{display:none}
.rr-compact .rr-play{width:46px;height:46px}
.rr-compact .rr-play svg{width:18px;height:18px}
@media(max-width:620px){.roca-radio-player.rr-compact{right:10px;bottom:10px;width:calc(100vw - 20px);min-height:70px;padding:12px 66px 12px 12px;border-radius:17px}.rr-compact .rr-controls{right:12px}.rr-compact .rr-play{width:44px;height:44px}}

/* Robust play-state icon */
.roca-radio-player .rr-play{position:relative;opacity:1!important;background:#d5aa54!important}
.roca-radio-player .rr-play svg{display:none!important}
.roca-radio-player .rr-play:before{content:"";display:block;width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #151515}
.roca-radio-player .rr-play.is-playing:before{width:12px;height:15px;margin-left:0;border-top:0;border-bottom:0;border-left:4px solid #151515;border-right:4px solid #151515;box-sizing:border-box}


/* Full-width persistent radio dock */
body.has-global-radio{padding-bottom:88px}
.roca-radio-player.rr-compact{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;min-height:88px!important;border-radius:0!important;border:0!important;border-top:1px solid rgba(198,155,78,.3)!important;padding:13px max(26px,calc((100vw - 1220px)/2))!important;display:grid!important;grid-template-columns:minmax(220px,.78fr) minmax(280px,1.1fr) minmax(320px,.88fr)!important;gap:28px!important;align-items:center!important;background:linear-gradient(90deg,#111318 0%,#1a1719 54%,#161217 100%)!important;box-shadow:0 -16px 48px rgba(0,0,0,.24)!important}
.rr-compact .rr-head{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important}
.rr-compact .rr-brandmark{width:42px!important;height:42px!important}
.rr-compact .rr-head strong{font-size:13px!important}
.rr-compact .rr-now{display:block!important;margin:0!important;min-width:0}
.rr-compact .rr-art{display:none!important}
.rr-compact .rr-track>span{font-size:8px!important;color:#d2b778!important}
.rr-compact .rr-track h3{margin:3px 0 1px!important;font-family:Georgia,serif!important;font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-compact .rr-track p{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-compact .rr-controls{position:static!important;right:auto!important;top:auto!important;transform:none!important;display:grid!important;grid-template-columns:46px minmax(120px,1fr) 38px!important;gap:13px!important;margin:0!important}
.rr-compact .rr-progress{display:block!important}
.rr-compact .rr-volume{display:block!important;width:38px!important;height:38px!important}
.rr-compact .rr-play{width:46px!important;height:46px!important}
.rr-compact .rr-footer,.rr-compact .rr-live-pill{display:none!important}
@media(max-width:860px){body.has-global-radio{padding-bottom:82px}.roca-radio-player.rr-compact{min-height:82px!important;padding:11px 18px!important;grid-template-columns:minmax(180px,.72fr) minmax(210px,1fr) minmax(240px,.8fr)!important;gap:18px!important}.rr-compact .rr-kicker{display:none}.rr-compact .rr-head strong{margin:0!important}.rr-compact .rr-track h3{font-size:16px!important}}
@media(max-width:620px){body.has-global-radio{padding-bottom:76px}.roca-radio-player.rr-compact{left:0!important;right:0!important;bottom:0!important;width:100%!important;min-height:76px!important;padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;border-radius:0!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:12px!important}.rr-compact .rr-head{display:none!important}.rr-compact .rr-now{grid-column:1!important}.rr-compact .rr-track h3{font-size:16px!important}.rr-compact .rr-track p{font-size:9px!important}.rr-compact .rr-controls{grid-column:2!important;display:block!important}.rr-compact .rr-progress,.rr-compact .rr-volume{display:none!important}.rr-compact .rr-play{width:46px!important;height:46px!important}}

.roca-radio-player .rr-track h3{color:#fff!important}.roca-radio-player .rr-track p{color:#aeb2ba!important}

/* Embedded mobile broadcast studio inside /manager */
.rr-studio.rr-studio-embedded{background:transparent;min-height:0;padding:0;color:#15171c;font-family:inherit}
.rr-studio-embedded .rr-studio-top{max-width:none;margin:0 0 20px;align-items:center}
.rr-studio-embedded .rr-studio-top h1{font-size:28px;margin-top:6px}
.rr-studio-embedded .rr-studio-grid{max-width:none;grid-template-columns:1fr 1fr .82fr}
.rr-studio-embedded .rr-studio-card{border-color:#e2e6eb;box-shadow:none}
.rr-studio-embedded .rr-studio-tip{max-width:none}
@media(max-width:980px){.rr-studio-embedded .rr-studio-grid{grid-template-columns:1fr}.rr-studio-embedded .rr-studio-top{align-items:flex-start}.rr-studio-embedded .rr-studio-card{min-height:auto}}

.rr-level-readout{font-size:12px;font-weight:800;color:#515a66;margin:9px 0 12px;font-variant-numeric:tabular-nums}
.rr-level-readout.is-low{color:#b22e42}
.rr-studio-source [data-live-monitor]{width:100%;text-align:center}
.rr-studio-source [data-live-monitor]:disabled{opacity:.5;cursor:not-allowed}


/* Internal browser DJ */
.rr-dj-panel{margin-top:16px;padding:16px;border:1px solid #e2e6eb;border-radius:14px;background:#f8fafb;box-shadow:inset 0 0 0 1px rgba(198,155,78,.04)}
.rr-dj-panel.is-active{border-color:#c69b4e;background:#fffaf0;box-shadow:0 0 0 3px rgba(198,155,78,.11)}
.rr-dj-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:5px}
.rr-dj-head strong{font-size:11px;color:#7f2030;letter-spacing:.04em}
.rr-dj-head span{font-size:9px;color:#7a818b;background:#eef1f4;border-radius:999px;padding:4px 7px}
.rr-dj-help{margin:0 0 10px!important;color:#69727e!important;font-size:10px!important;line-height:1.5!important}
.rr-dj-activate{width:100%;border:0;background:#7f2030;color:#fff;border-radius:10px;padding:11px 13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.rr-dj-panel.is-active .rr-dj-activate{background:#1d7a4d}
.rr-dj-panel textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:110px;border:1px solid #d8dee5;border-radius:10px;padding:10px 11px;background:#fff;color:#1d2229;font:500 11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}
.rr-dj-panel textarea:focus{border-color:#b38b45;box-shadow:0 0 0 3px rgba(198,155,78,.12)}
.rr-dj-actions{display:flex;gap:8px;flex-wrap:wrap}
.rr-dj-actions .rr-secondary{margin-top:10px}
.rr-dj-now{margin-top:13px;font-size:11px;font-weight:900;color:#242930;word-break:break-word}
.rr-dj-status{margin-top:5px;font-size:10px;line-height:1.45;color:#737c87}

.rr-dj-add-library{width:100%;margin-top:10px;border:1px solid #c69b4e;background:#fff8e8;color:#6f541e;border-radius:10px;padding:11px 13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.rr-dj-add-library:disabled{opacity:.6;cursor:wait}

.rr-dj-youtube-shell{margin-top:14px;border:1px solid #e1e5ea;border-radius:12px;background:#111318;color:#fff;overflow:hidden}
.rr-dj-youtube-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1)}
.rr-dj-youtube-head strong{font-size:11px;letter-spacing:.06em}.rr-dj-youtube-head span{font-size:9px;color:#d9bd83}
.rr-dj-youtube{aspect-ratio:16/9;background:#07080a;display:grid;place-items:center;min-height:180px}
.rr-dj-youtube iframe{width:100%!important;height:100%!important;min-height:180px;border:0;display:block}
.rr-dj-youtube-shell>p{margin:0!important;padding:10px 12px;color:#b8bec8!important;font-size:10px!important;line-height:1.5!important}


/* Temporary YouTube live override: one hidden iframe per active listener. */
.rr-youtube-live-host{position:fixed!important;left:-10000px!important;top:0!important;width:200px!important;height:200px!important;overflow:hidden!important;pointer-events:none!important;opacity:.001!important;z-index:-1!important}
.rr-youtube-live-host iframe{width:200px!important;height:200px!important;border:0!important}

/* Modern, one-tap MQTT studio. Same audio engine as the Manager quick transmission. */
.rr-mqtt-console{--rr-navy:#171d2a;--rr-burgundy:#8b2436;box-sizing:border-box;min-height:0!important;max-width:1120px;margin:0 auto;padding:clamp(15px,4vw,34px)!important;border-radius:26px;background:#f5f6f9;color:#1b2634;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.rr-mqtt-console *{box-sizing:border-box}
.rr-mqtt-console [hidden]{display:none!important}
.rr-mqtt-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:6px 4px 23px}
.rr-mqtt-head-brand{display:flex;gap:15px;align-items:center;min-width:0}
.rr-mqtt-emblem{display:grid;place-items:center;width:56px;height:56px;flex:none;background:linear-gradient(145deg,#a82e49,#632030);color:#fff;border-radius:18px;font-size:26px;box-shadow:0 10px 25px #76243826}
.rr-mqtt-eyebrow{font-size:10px;letter-spacing:.11em;font-weight:850;color:#8a2b40}
.rr-mqtt-head h2{margin:2px 0;font-size:clamp(21px,4vw,31px);line-height:1.14;letter-spacing:-.04em;font-weight:850}
.rr-mqtt-head p{margin:0;color:#697481;font-size:12px}
.rr-mqtt-onair{font-size:11px;font-weight:800;padding:9px 14px;border-radius:100px;background:#e7eaf0;color:#536173}
.rr-mqtt-onair.is-live{background:#ffe1e6;color:#ad153b;box-shadow:0 0 0 4px #ffdfe660}
.rr-mqtt-tabs{display:flex;gap:8px;margin-bottom:16px;border-radius:15px;padding:5px;background:#e8ebf0}
.rr-mqtt-tabs button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:13px;font-weight:750;color:#647080;padding:13px 8px;background:transparent;border:0;border-radius:12px;cursor:pointer}
.rr-mqtt-tabs button.is-active{background:#fff;color:#772538;box-shadow:0 2px 9px #18203712}
.rr-mqtt-panel{background:#fff;border:1px solid #e9e9ee;border-radius:21px;padding:clamp(17px,4vw,27px);box-shadow:0 17px 52px #2634490a}
.rr-mqtt-field{margin:0 0 24px}
.rr-mqtt-field label{display:block;font-weight:760;font-size:13px;color:#303949;margin-bottom:10px}
.rr-mqtt-input-row{display:flex;align-items:stretch;gap:8px}
.rr-mqtt-input-row select,.rr-mqtt-field input[type=url]{flex:1;min-width:0;width:100%;padding:13px 14px;border:1px solid #dfe2e9;border-radius:12px;font-size:14px;background:#fcfcfe;color:#1b2634}
.rr-mqtt-icon-btn{width:47px;border:1px solid #dfe2e9;border-radius:12px;background:#f4f6f9;color:#87283e;font-size:23px;cursor:pointer}
.rr-mqtt-gain-header{display:flex;align-items:center;justify-content:space-between}
.rr-mqtt-gain-header output{padding:5px 10px;border-radius:8px;background:#f4edf0;color:#842c42;font-size:13px;font-weight:850}
.rr-mqtt-field input[type=range]{accent-color:#93283e;width:100%;margin:7px 0 0;height:22px;cursor:pointer}
.rr-mqtt-gain-labels{display:flex;justify-content:space-between;color:#858b97;font-size:11px;margin-top:3px}
.rr-mqtt-level{height:9px;background:#edf0f4;border-radius:99px;margin:21px 0 4px;overflow:hidden}
.rr-mqtt-level span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6fb7a2,#e6bb5e,#ca3a54);border-radius:inherit;transition:width .1s ease}
.rr-mqtt-live-center{display:flex;flex-direction:column;align-items:center;text-align:center;border-top:1px solid #f0f1f4;padding-top:25px}
.rr-mqtt-go{display:flex;justify-content:center;align-items:center;gap:11px;border:0;border-radius:17px;background:linear-gradient(125deg,#942b41,#6f1d31);color:white;padding:18px 33px;min-height:62px;width:min(100%,360px);font-size:16px;font-weight:850;cursor:pointer;box-shadow:0 12px 28px #771d3338}
.rr-mqtt-go.is-live{background:linear-gradient(125deg,#2a313e,#171c27)}
.rr-mqtt-go:disabled{opacity:.58;cursor:wait}
.rr-mqtt-go-icon{font-size:19px}
.rr-mqtt-live-status{color:#4b5666;font-size:13px;font-weight:650;margin:14px 0 7px;overflow-wrap:anywhere}
.rr-mqtt-live-center small,.rr-mqtt-youtube-caption{color:#7a8492;font-size:12px;line-height:1.45;margin:5px 0 0}
.rr-mqtt-youtube-controls{display:flex;flex-wrap:wrap;gap:10px}
.rr-mqtt-youtube-controls button{flex:1;min-width:130px;border:0;border-radius:13px;padding:15px 12px;font-weight:780;font-size:14px;cursor:pointer}
.rr-mqtt-youtube-start{background:#81243b;color:#fff}
.rr-mqtt-youtube-stop{background:#e9edf2;color:#374254}
.rr-mqtt-footer{display:flex;justify-content:space-between;gap:12px;padding:17px 3px 2px;color:#9298a5;font-size:11px}
.rr-mqtt-footer a{color:#76253a;text-decoration:none;font-weight:790}
@media(max-width:640px){.rr-mqtt-console{border-radius:18px;padding:13px!important}.rr-mqtt-head{gap:8px}.rr-mqtt-emblem{width:45px;height:45px;border-radius:13px}.rr-mqtt-head h2{font-size:22px}.rr-mqtt-eyebrow{font-size:8px}.rr-mqtt-onair{font-size:9px}.rr-mqtt-tabs button{font-size:12px}.rr-mqtt-panel{padding:18px 15px}.rr-mqtt-footer{flex-wrap:wrap}}

.roca-radio-player .rr-audio-unlock[hidden]{display:none!important}
.roca-radio-player .rr-audio-unlock{display:block;position:relative;margin:15px auto 0;width:min(100%,350px);padding:12px 17px;border-radius:12px;border:1px solid #f1cc82;background:#f1d99e;color:#252016;font:800 13px/1.35 Inter,system-ui,sans-serif;cursor:pointer;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.16)}
.roca-radio-player .rr-audio-unlock:focus-visible{outline:3px solid #b32b46;outline-offset:3px}
.roca-radio-player.rr-compact .rr-audio-unlock{font-size:11px;padding:9px;margin:8px 0 0;width:100%}

/* Real YouTube embed stays visible in the full player. A hidden off-screen iframe
   can be throttled or blocked by browser autoplay policy; this also permits a real tap. */
.roca-radio-player:not(.rr-compact).is-youtube-source .rr-youtube-live-host{position:relative!important;left:auto!important;top:auto!important;width:min(100%,640px)!important;height:auto!important;aspect-ratio:16/9;opacity:1!important;pointer-events:auto!important;z-index:1!important;margin:14px auto 3px;border-radius:15px;overflow:hidden;background:#111;box-shadow:0 14px 36px rgba(0,0,0,.24)}
.roca-radio-player:not(.rr-compact).is-youtube-source .rr-youtube-live-host iframe{display:block!important;width:100%!important;height:100%!important;min-height:200px!important}