/* RADIOBOOM CLEAN SKINS V6 */

/* Skin button as 6th left menu item */
#rb-style-switcher{
  position:fixed!important;
  left:5px!important;
  top:68.2%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  z-index:999999!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
#rb-style-toggle{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:13px!important;
  cursor:pointer!important;
  font-size:20px!important;
  line-height:1!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(56,189,248,.28),transparent 36%),
    radial-gradient(circle at 74% 76%,rgba(139,92,246,.26),transparent 38%),
    linear-gradient(180deg,rgba(8,13,30,.96),rgba(15,23,42,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 24px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
}
#rb-style-panel{
  position:absolute!important;
  left:54px!important;
  top:-122px!important;
  width:218px!important;
  display:none!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(24px) saturate(1.25)!important;
}
#rb-style-switcher.rb-open #rb-style-panel{display:block!important}
.rb-style-title{font-size:13px!important;font-weight:900!important;margin-bottom:10px!important}
.rb-style-row{margin-top:9px!important}
.rb-style-row label{
  display:block!important;
  font-size:10px!important;
  font-weight:900!important;
  opacity:.72!important;
  margin-bottom:5px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.rb-style-row select{
  width:100%!important;
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:15px!important;
  padding:8px 11px!important;
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  outline:none!important;
  font-size:13px!important;
  font-weight:700!important;
}

/* Background skins */
html.rb-bg-aurora,html.rb-bg-aurora body,html.rb-bg-aurora .v-application,html.rb-bg-aurora .v-application__wrap,
body.rb-bg-aurora,body.rb-bg-aurora .v-application,body.rb-bg-aurora .v-application__wrap{
  background:
    radial-gradient(circle at 10% 10%,rgba(56,189,248,.34),transparent 34%),
    radial-gradient(circle at 82% 16%,rgba(139,92,246,.38),transparent 36%),
    radial-gradient(circle at 48% 88%,rgba(236,72,153,.24),transparent 34%),
    linear-gradient(135deg,#020617 0%,#0b1020 48%,#020617 100%)!important;
}
html.rb-bg-pearl,html.rb-bg-pearl body,html.rb-bg-pearl .v-application,html.rb-bg-pearl .v-application__wrap,
body.rb-bg-pearl,body.rb-bg-pearl .v-application,body.rb-bg-pearl .v-application__wrap{
  background:
    radial-gradient(circle at 18% 8%,rgba(125,211,252,.38),transparent 34%),
    radial-gradient(circle at 88% 14%,rgba(196,181,253,.34),transparent 34%),
    radial-gradient(circle at 50% 90%,rgba(255,255,255,.90),transparent 34%),
    linear-gradient(135deg,#fbfdff 0%,#eaf7ff 45%,#fff 100%)!important;
}
html.rb-bg-mesh,html.rb-bg-mesh body,html.rb-bg-mesh .v-application,html.rb-bg-mesh .v-application__wrap,
body.rb-bg-mesh,body.rb-bg-mesh .v-application,body.rb-bg-mesh .v-application__wrap{
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.030) 0 1px,transparent 1px 4px),
    radial-gradient(circle at 12% 18%,rgba(14,165,233,.38),transparent 32%),
    radial-gradient(circle at 78% 12%,rgba(168,85,247,.32),transparent 34%),
    radial-gradient(circle at 50% 88%,rgba(34,197,94,.18),transparent 32%),
    linear-gradient(135deg,#f8fbff 0%,#eef2ff 42%,#fff 100%)!important;
}
html.rb-bg-radio,html.rb-bg-radio body,html.rb-bg-radio .v-application,html.rb-bg-radio .v-application__wrap,
body.rb-bg-radio,body.rb-bg-radio .v-application,body.rb-bg-radio .v-application__wrap{
  background:
    repeating-radial-gradient(circle at 50% 20%,rgba(56,189,248,.16) 0 2px,transparent 2px 34px),
    radial-gradient(circle at 20% 15%,rgba(56,189,248,.32),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(139,92,246,.30),transparent 34%),
    linear-gradient(135deg,#06111f 0%,#0f172a 52%,#020617 100%)!important;
}
html.rb-bg-liquid,html.rb-bg-liquid body,html.rb-bg-liquid .v-application,html.rb-bg-liquid .v-application__wrap,
body.rb-bg-liquid,body.rb-bg-liquid .v-application,body.rb-bg-liquid .v-application__wrap{
  background:
    radial-gradient(circle at 22% 14%,rgba(255,255,255,.42),transparent 24%),
    radial-gradient(circle at 80% 20%,rgba(56,189,248,.34),transparent 32%),
    radial-gradient(circle at 58% 88%,rgba(139,92,246,.28),transparent 32%),
    linear-gradient(135deg,#eaf7ff 0%,#f8fbff 42%,#fff 100%)!important;
}

/* Common player force */
html[class*="rb-player-"] #sc-player,
html[class*="rb-player-"] #sc-player .player,
html[class*="rb-player-"] #sc-player .player-container,
html[class*="rb-player-"] #sc-player .controls-container,
html[class*="rb-player-"] #sc-player .image-container,
body[class*="rb-player-"] #sc-player,
body[class*="rb-player-"] #sc-player .player,
body[class*="rb-player-"] #sc-player .player-container,
body[class*="rb-player-"] #sc-player .controls-container,
body[class*="rb-player-"] #sc-player .image-container{
  border-radius:32px!important;
  overflow:hidden!important;
  transition:background .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
html[class*="rb-player-"] #play-button-container,
html[class*="rb-player-"] .play-button-container,
html[class*="rb-player-"] #sc-player .play-button-container,
body[class*="rb-player-"] #play-button-container,
body[class*="rb-player-"] .play-button-container,
body[class*="rb-player-"] #sc-player .play-button-container{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* LIQUID GLASS */
html.rb-player-liquid #sc-player,html.rb-player-liquid #sc-player .player,html.rb-player-liquid #sc-player .player-container,html.rb-player-liquid #sc-player .controls-container,html.rb-player-liquid #sc-player .image-container,
body.rb-player-liquid #sc-player,body.rb-player-liquid #sc-player .player,body.rb-player-liquid #sc-player .player-container,body.rb-player-liquid #sc-player .controls-container,body.rb-player-liquid #sc-player .image-container{
  background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 24px 74px rgba(15,23,42,.24)!important;
  backdrop-filter:blur(30px) saturate(1.45)!important;
  color:#fff!important;
}
html.rb-player-liquid #sc-player .play-button,body.rb-player-liquid #sc-player .play-button{
  width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(56,189,248,.70))!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 18px 46px rgba(56,189,248,.32)!important;
}

/* AURORA */
html.rb-player-aurora #sc-player,html.rb-player-aurora #sc-player .player,html.rb-player-aurora #sc-player .player-container,html.rb-player-aurora #sc-player .controls-container,html.rb-player-aurora #sc-player .image-container,
body.rb-player-aurora #sc-player,body.rb-player-aurora #sc-player .player,body.rb-player-aurora #sc-player .player-container,body.rb-player-aurora #sc-player .controls-container,body.rb-player-aurora #sc-player .image-container{
  background:
    radial-gradient(circle at 10% 0%,rgba(56,189,248,.34),transparent 36%),
    radial-gradient(circle at 90% 12%,rgba(139,92,246,.38),transparent 34%),
    linear-gradient(135deg,rgba(3,7,18,.99),rgba(15,23,42,.96))!important;
  border:1px solid rgba(125,211,252,.30)!important;
  box-shadow:0 0 70px rgba(56,189,248,.28),0 24px 76px rgba(0,0,0,.46)!important;
  color:#fff!important;
}
html.rb-player-aurora #sc-player .play-button,body.rb-player-aurora #sc-player .play-button{
  width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;
  border-radius:999px!important;
  background:conic-gradient(from 210deg,#38bdf8,#8b5cf6,#ec4899,#38bdf8)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 0 42px rgba(56,189,248,.32),0 0 52px rgba(139,92,246,.24)!important;
}

/* PEARL */
html.rb-player-pearl #sc-player,html.rb-player-pearl #sc-player .player,html.rb-player-pearl #sc-player .player-container,html.rb-player-pearl #sc-player .controls-container,html.rb-player-pearl #sc-player .image-container,
body.rb-player-pearl #sc-player,body.rb-player-pearl #sc-player .player,body.rb-player-pearl #sc-player .player-container,body.rb-player-pearl #sc-player .controls-container,body.rb-player-pearl #sc-player .image-container{
  background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(230,246,255,.97))!important;
  border:1px solid rgba(14,165,233,.28)!important;
  box-shadow:0 18px 62px rgba(14,165,233,.20),0 -10px 30px rgba(15,23,42,.08)!important;
  color:#0f172a!important;
}
html.rb-player-pearl #sc-player .play-button,body.rb-player-pearl #sc-player .play-button{
  width:94px!important;height:94px!important;min-width:94px!important;min-height:94px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;
  border:0!important;
  box-shadow:0 16px 38px rgba(14,165,233,.34)!important;
}

/* MINIMAL */
html.rb-player-minimal #sc-player,html.rb-player-minimal #sc-player .player,html.rb-player-minimal #sc-player .player-container,html.rb-player-minimal #sc-player .controls-container,html.rb-player-minimal #sc-player .image-container,
body.rb-player-minimal #sc-player,body.rb-player-minimal #sc-player .player,body.rb-player-minimal #sc-player .player-container,body.rb-player-minimal #sc-player .controls-container,body.rb-player-minimal #sc-player .image-container{
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 16px 44px rgba(15,23,42,.13)!important;
  color:#111827!important;
}
html.rb-player-minimal #sc-player .play-button,body.rb-player-minimal #sc-player .play-button{
  width:86px!important;height:86px!important;min-width:86px!important;min-height:86px!important;
  border-radius:999px!important;
  background:#111827!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(17,24,39,.24)!important;
}

/* NEON */
html.rb-player-neon #sc-player,html.rb-player-neon #sc-player .player,html.rb-player-neon #sc-player .player-container,html.rb-player-neon #sc-player .controls-container,html.rb-player-neon #sc-player .image-container,
body.rb-player-neon #sc-player,body.rb-player-neon #sc-player .player,body.rb-player-neon #sc-player .player-container,body.rb-player-neon #sc-player .controls-container,body.rb-player-neon #sc-player .image-container{
  background:linear-gradient(135deg,rgba(2,6,23,.99),rgba(17,24,39,.96))!important;
  border:1px solid rgba(34,211,238,.42)!important;
  box-shadow:0 0 0 1px rgba(236,72,153,.14),0 0 68px rgba(34,211,238,.32),0 26px 80px rgba(0,0,0,.54)!important;
  color:#fff!important;
}
html.rb-player-neon #sc-player .play-button,body.rb-player-neon #sc-player .play-button{
  width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;
  border-radius:20px 46px 20px 46px!important;
  background:linear-gradient(135deg,#22d3ee,#a855f7,#ec4899)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 0 42px rgba(34,211,238,.38),0 0 30px rgba(236,72,153,.28)!important;
}

/* WAVE */
html.rb-player-wave #sc-player,html.rb-player-wave #sc-player .player,html.rb-player-wave #sc-player .player-container,html.rb-player-wave #sc-player .controls-container,html.rb-player-wave #sc-player .image-container,
body.rb-player-wave #sc-player,body.rb-player-wave #sc-player .player,body.rb-player-wave #sc-player .player-container,body.rb-player-wave #sc-player .controls-container,body.rb-player-wave #sc-player .image-container{
  background:
    repeating-linear-gradient(90deg,rgba(56,189,248,.18) 0 2px,transparent 2px 18px),
    linear-gradient(135deg,rgba(8,13,30,.98),rgba(15,23,42,.94))!important;
  border:1px solid rgba(56,189,248,.34)!important;
  box-shadow:0 20px 70px rgba(8,13,30,.42),0 0 50px rgba(56,189,248,.20)!important;
  color:#fff!important;
}
html.rb-player-wave #sc-player .play-button,body.rb-player-wave #sc-player .play-button{
  width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;
  border-radius:18px!important;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,transparent 2px 10px),linear-gradient(135deg,#06b6d4,#2563eb)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 40px rgba(37,99,235,.34)!important;
}

/* Buttons/channels must visibly change */
html[class*="rb-player-"] #sc-player .channels-button,
html[class*="rb-player-"] #sc-player .channels-button-active,
body[class*="rb-player-"] #sc-player .channels-button,
body[class*="rb-player-"] #sc-player .channels-button-active{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
html.rb-player-neon #sc-player .channels-button-active,body.rb-player-neon #sc-player .channels-button-active{background:linear-gradient(135deg,#22d3ee,#a855f7)!important;color:#fff!important}
html.rb-player-aurora #sc-player .channels-button-active,body.rb-player-aurora #sc-player .channels-button-active{background:linear-gradient(135deg,#38bdf8,#8b5cf6)!important;color:#fff!important}
html.rb-player-pearl #sc-player .channels-button-active,body.rb-player-pearl #sc-player .channels-button-active{background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;color:#fff!important}
html.rb-player-minimal #sc-player .channels-button-active,body.rb-player-minimal #sc-player .channels-button-active{background:#111827!important;color:#fff!important}
html.rb-player-wave #sc-player .channels-button-active,body.rb-player-wave #sc-player .channels-button-active{background:linear-gradient(135deg,#06b6d4,#2563eb)!important;color:#fff!important}

/* Play icon */
html[class*="rb-player-"] #sc-player .play-button svg,
html[class*="rb-player-"] #sc-player .play-button-svg,
body[class*="rb-player-"] #sc-player .play-button svg,
body[class*="rb-player-"] #sc-player .play-button-svg{
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  color:#fff!important;
  fill:#fff!important;
  stroke:#fff!important;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.20))!important;
}

@media(max-width:700px){
  #rb-style-switcher{left:5px!important;top:68.2%!important}
  #rb-style-panel{left:54px!important;top:-122px!important;width:208px!important}
}

/* === RADIOBOOM STRONG BACKGROUNDS V7 START === */

/* Делаем фон видимым не только за сайтом, но и внутри основной сцены */
html[class*="rb-bg-"],
html[class*="rb-bg-"] body,
html[class*="rb-bg-"] #app,
html[class*="rb-bg-"] .v-application,
html[class*="rb-bg-"] .v-application__wrap,
html[class*="rb-bg-"] .v-main,
html[class*="rb-bg-"] .v-main__wrap,
body[class*="rb-bg-"],
body[class*="rb-bg-"] #app,
body[class*="rb-bg-"] .v-application,
body[class*="rb-bg-"] .v-application__wrap,
body[class*="rb-bg-"] .v-main,
body[class*="rb-bg-"] .v-main__wrap {
  background-attachment: fixed !important;
}

/* Общие карточки становятся чуть прозрачнее, чтобы фон реально был виден */
html[class*="rb-bg-"] .v-card,
html[class*="rb-bg-"] .v-sheet,
html[class*="rb-bg-"] .v-list,
body[class*="rb-bg-"] .v-card,
body[class*="rb-bg-"] .v-sheet,
body[class*="rb-bg-"] .v-list {
  backdrop-filter: blur(18px) saturate(1.18) !important;
}

/* AURORA DARK — прям тёмное северное сияние */
html.rb-bg-aurora,
html.rb-bg-aurora body,
html.rb-bg-aurora #app,
html.rb-bg-aurora .v-application,
html.rb-bg-aurora .v-application__wrap,
html.rb-bg-aurora .v-main,
body.rb-bg-aurora,
body.rb-bg-aurora #app,
body.rb-bg-aurora .v-application,
body.rb-bg-aurora .v-application__wrap,
body.rb-bg-aurora .v-main {
  background:
    radial-gradient(circle at 8% 12%, rgba(0,212,255,.42), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(168,85,247,.46), transparent 34%),
    radial-gradient(circle at 52% 82%, rgba(236,72,153,.26), transparent 36%),
    linear-gradient(135deg, #01040d 0%, #07111f 45%, #020617 100%) !important;
}

html.rb-bg-aurora #sc-player,
body.rb-bg-aurora #sc-player {
  background:
    radial-gradient(circle at 14% 18%, rgba(34,211,238,.24), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(168,85,247,.28), transparent 36%),
    linear-gradient(135deg, rgba(2,6,23,.92), rgba(15,23,42,.86)) !important;
}

/* PEARL LIGHT — светлый жемчужный фон */
html.rb-bg-pearl,
html.rb-bg-pearl body,
html.rb-bg-pearl #app,
html.rb-bg-pearl .v-application,
html.rb-bg-pearl .v-application__wrap,
html.rb-bg-pearl .v-main,
body.rb-bg-pearl,
body.rb-bg-pearl #app,
body.rb-bg-pearl .v-application,
body.rb-bg-pearl .v-application__wrap,
body.rb-bg-pearl .v-main {
  background:
    radial-gradient(circle at 18% 10%, rgba(125,211,252,.50), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(216,180,254,.42), transparent 34%),
    radial-gradient(circle at 50% 90%, rgba(255,255,255,.95), transparent 42%),
    linear-gradient(135deg, #ffffff 0%, #eaf7ff 42%, #fff7fb 100%) !important;
}

html.rb-bg-pearl #sc-player,
body.rb-bg-pearl #sc-player {
  background:
    radial-gradient(circle at 16% 18%, rgba(186,230,253,.42), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(221,214,254,.38), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,248,255,.88)) !important;
}

/* GRAINY MESH — пастельная сетка, сильно отличается */
html.rb-bg-mesh,
html.rb-bg-mesh body,
html.rb-bg-mesh #app,
html.rb-bg-mesh .v-application,
html.rb-bg-mesh .v-application__wrap,
html.rb-bg-mesh .v-main,
body.rb-bg-mesh,
body.rb-bg-mesh #app,
body.rb-bg-mesh .v-application,
body.rb-bg-mesh .v-application__wrap,
body.rb-bg-mesh .v-main {
  background:
    repeating-linear-gradient(45deg, rgba(15,23,42,.035) 0 1px, transparent 1px 6px),
    radial-gradient(circle at 8% 14%, rgba(14,165,233,.46), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(168,85,247,.42), transparent 34%),
    radial-gradient(circle at 48% 84%, rgba(34,197,94,.24), transparent 34%),
    linear-gradient(135deg, #f8fbff 0%, #eef2ff 42%, #ffffff 100%) !important;
}

html.rb-bg-mesh #sc-player,
body.rb-bg-mesh #sc-player {
  background:
    repeating-linear-gradient(45deg, rgba(15,23,42,.035) 0 1px, transparent 1px 8px),
    radial-gradient(circle at 14% 20%, rgba(14,165,233,.28), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(168,85,247,.26), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(238,242,255,.78)) !important;
}

/* RADIO WAVE — радиоволны, самый тематичный */
html.rb-bg-radio,
html.rb-bg-radio body,
html.rb-bg-radio #app,
html.rb-bg-radio .v-application,
html.rb-bg-radio .v-application__wrap,
html.rb-bg-radio .v-main,
body.rb-bg-radio,
body.rb-bg-radio #app,
body.rb-bg-radio .v-application,
body.rb-bg-radio .v-application__wrap,
body.rb-bg-radio .v-main {
  background:
    repeating-radial-gradient(circle at 12% 42%, rgba(34,211,238,.20) 0 2px, transparent 2px 38px),
    repeating-radial-gradient(circle at 88% 20%, rgba(168,85,247,.16) 0 2px, transparent 2px 42px),
    radial-gradient(circle at 20% 16%, rgba(56,189,248,.34), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(139,92,246,.30), transparent 34%),
    linear-gradient(135deg, #020617 0%, #0b1730 50%, #020617 100%) !important;
}

html.rb-bg-radio #sc-player,
body.rb-bg-radio #sc-player {
  background:
    repeating-radial-gradient(circle at 50% 44%, rgba(56,189,248,.18) 0 2px, transparent 2px 36px),
    linear-gradient(135deg, rgba(2,6,23,.94), rgba(15,23,42,.88)) !important;
}

/* LIQUID GLASS — очень светлый жидкий фон */
html.rb-bg-liquid,
html.rb-bg-liquid body,
html.rb-bg-liquid #app,
html.rb-bg-liquid .v-application,
html.rb-bg-liquid .v-application__wrap,
html.rb-bg-liquid .v-main,
body.rb-bg-liquid,
body.rb-bg-liquid #app,
body.rb-bg-liquid .v-application,
body.rb-bg-liquid .v-application__wrap,
body.rb-bg-liquid .v-main {
  background:
    radial-gradient(circle at 20% 12%, rgba(255,255,255,.70), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(56,189,248,.42), transparent 32%),
    radial-gradient(circle at 58% 88%, rgba(139,92,246,.34), transparent 32%),
    linear-gradient(135deg, #dff5ff 0%, #f8fbff 42%, #ffffff 100%) !important;
}

html.rb-bg-liquid #sc-player,
body.rb-bg-liquid #sc-player {
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.62), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(125,211,252,.38), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(224,242,254,.62)) !important;
}

/* Чтобы сам плеер не полностью убивал фон */
html[class*="rb-bg-"] #sc-player .player,
html[class*="rb-bg-"] #sc-player .player-container,
html[class*="rb-bg-"] #sc-player .controls-container,
html[class*="rb-bg-"] #sc-player .image-container,
body[class*="rb-bg-"] #sc-player .player,
body[class*="rb-bg-"] #sc-player .player-container,
body[class*="rb-bg-"] #sc-player .controls-container,
body[class*="rb-bg-"] #sc-player .image-container {
  background-color: transparent !important;
}

/* Активные кнопки качества делают фон заметнее */
html.rb-bg-aurora #sc-player .channels-button-active,
body.rb-bg-aurora #sc-player .channels-button-active {
  background: linear-gradient(135deg, #38bdf8, #8b5cf6, #ec4899) !important;
  color: #fff !important;
}
html.rb-bg-pearl #sc-player .channels-button-active,
body.rb-bg-pearl #sc-player .channels-button-active {
  background: linear-gradient(135deg, #0ea5e9, #6366f1) !important;
  color: #fff !important;
}
html.rb-bg-mesh #sc-player .channels-button-active,
body.rb-bg-mesh #sc-player .channels-button-active {
  background: linear-gradient(135deg, #14b8a6, #6366f1) !important;
  color: #fff !important;
}
html.rb-bg-radio #sc-player .channels-button-active,
body.rb-bg-radio #sc-player .channels-button-active {
  background: linear-gradient(135deg, #06b6d4, #0e7490) !important;
  color: #fff !important;
}
html.rb-bg-liquid #sc-player .channels-button-active,
body.rb-bg-liquid #sc-player .channels-button-active {
  background: linear-gradient(135deg, #38bdf8, #818cf8) !important;
  color: #fff !important;
}

/* === RADIOBOOM STRONG BACKGROUNDS V7 END === */

/* === RADIOBOOM NO FLASH FIX START === */

/* Постоянный тёмный fallback, чтобы белый кадр не проскакивал */
html,
body,
#app,
.v-application,
.v-application__wrap,
.v-main {
  background-color: #020617 !important;
}

/* При светлых фонах fallback не белый, а мягкий голубой */
html.rb-bg-pearl,
html.rb-bg-pearl body,
html.rb-bg-liquid,
html.rb-bg-liquid body,
body.rb-bg-pearl,
body.rb-bg-liquid {
  background-color: #eaf7ff !important;
}

/* Убираем резкие transition на больших фонах */
html,
body,
#app,
.v-application,
.v-application__wrap,
.v-main,
#sc-player,
#sc-player .player,
#sc-player .player-container,
#sc-player .controls-container,
#sc-player .image-container {
  transition-property: color, border-color, box-shadow, opacity, transform !important;
  transition-duration: .12s !important;
}

/* Не даём родному preview моргать белым при repaint */
html[class*="rb-bg-"] #sc-player,
html[class*="rb-bg-"] #sc-player .player,
html[class*="rb-bg-"] #sc-player .player-container,
html[class*="rb-bg-"] #sc-player .controls-container,
html[class*="rb-bg-"] #sc-player .image-container,
body[class*="rb-bg-"] #sc-player,
body[class*="rb-bg-"] #sc-player .player,
body[class*="rb-bg-"] #sc-player .player-container,
body[class*="rb-bg-"] #sc-player .controls-container,
body[class*="rb-bg-"] #sc-player .image-container {
  background-color: rgba(2, 6, 23, .72) !important;
}

/* Для светлых фонов — не белый чистый, а мягкое стекло */
html.rb-bg-pearl #sc-player,
html.rb-bg-pearl #sc-player .player,
html.rb-bg-pearl #sc-player .player-container,
html.rb-bg-pearl #sc-player .controls-container,
html.rb-bg-pearl #sc-player .image-container,
html.rb-bg-liquid #sc-player,
html.rb-bg-liquid #sc-player .player,
html.rb-bg-liquid #sc-player .player-container,
html.rb-bg-liquid #sc-player .controls-container,
html.rb-bg-liquid #sc-player .image-container,
body.rb-bg-pearl #sc-player,
body.rb-bg-pearl #sc-player .player,
body.rb-bg-pearl #sc-player .player-container,
body.rb-bg-pearl #sc-player .controls-container,
body.rb-bg-pearl #sc-player .image-container,
body.rb-bg-liquid #sc-player,
body.rb-bg-liquid #sc-player .player,
body.rb-bg-liquid #sc-player .player-container,
body.rb-bg-liquid #sc-player .controls-container,
body.rb-bg-liquid #sc-player .image-container {
  background-color: rgba(239, 248, 255, .74) !important;
}

/* Стабилизация при клике/изменении громкости */
#sc-player * {
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
}

/* === RADIOBOOM NO FLASH FIX END === */

/* === RADIOBOOM STABILITY V8 START === */

/* Убираем главные причины мерцания: fixed background + backdrop blur + transitions на больших блоках */
html,
body,
#app,
.v-application,
.v-application__wrap,
.v-main,
.v-main__wrap,
#sc-player,
#sc-player *,
#podcastPlayer,
#podcastPlayer * {
  background-attachment: scroll !important;
  transition: none !important;
  animation: none !important;
}

/* backdrop-filter часто даёт мигание на Chrome/Android/Windows при изменении громкости */
#sc-player,
#sc-player .player,
#sc-player .player-container,
#sc-player .controls-container,
#sc-player .image-container,
#sc-player .history-container,
#sc-player .share-container,
#podcastPlayer,
#podcastPlayer .player-wrapper,
.bottom_player.player-wrapper,
.v-card,
.v-sheet,
.v-list {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Стабильная заливка под каждым фоном, чтобы белый кадр не проскакивал */
html,
body,
#app,
.v-application,
.v-application__wrap,
.v-main {
  background-color: #020617 !important;
}

/* Светлые фоны получают не белый, а голубой fallback */
html.rb-bg-pearl,
html.rb-bg-pearl body,
html.rb-bg-pearl #app,
html.rb-bg-pearl .v-application,
html.rb-bg-pearl .v-application__wrap,
html.rb-bg-liquid,
html.rb-bg-liquid body,
html.rb-bg-liquid #app,
html.rb-bg-liquid .v-application,
html.rb-bg-liquid .v-application__wrap,
body.rb-bg-pearl,
body.rb-bg-liquid {
  background-color: #eaf7ff !important;
}

/* Сам плеер делаем непрозрачнее — так он не будет мигать при repaint */
html[class*="rb-player-"] #sc-player,
html[class*="rb-player-"] #sc-player .player,
html[class*="rb-player-"] #sc-player .player-container,
html[class*="rb-player-"] #sc-player .controls-container,
html[class*="rb-player-"] #sc-player .image-container,
body[class*="rb-player-"] #sc-player,
body[class*="rb-player-"] #sc-player .player,
body[class*="rb-player-"] #sc-player .player-container,
body[class*="rb-player-"] #sc-player .controls-container,
body[class*="rb-player-"] #sc-player .image-container {
  background-blend-mode: normal !important;
  transform: none !important;
  will-change: auto !important;
  contain: paint !important;
}

/* Убираем резкие прозрачные слои у светлых фонов */
html.rb-bg-pearl #sc-player,
html.rb-bg-pearl #sc-player .player,
html.rb-bg-pearl #sc-player .player-container,
html.rb-bg-pearl #sc-player .controls-container,
html.rb-bg-pearl #sc-player .image-container,
html.rb-bg-liquid #sc-player,
html.rb-bg-liquid #sc-player .player,
html.rb-bg-liquid #sc-player .player-container,
html.rb-bg-liquid #sc-player .controls-container,
html.rb-bg-liquid #sc-player .image-container,
body.rb-bg-pearl #sc-player,
body.rb-bg-liquid #sc-player {
  background-color: #eef8ff !important;
}

/* Тёмные фоны получают стабильную тёмную основу */
html.rb-bg-aurora #sc-player,
html.rb-bg-aurora #sc-player .player,
html.rb-bg-aurora #sc-player .player-container,
html.rb-bg-aurora #sc-player .controls-container,
html.rb-bg-aurora #sc-player .image-container,
html.rb-bg-radio #sc-player,
html.rb-bg-radio #sc-player .player,
html.rb-bg-radio #sc-player .player-container,
html.rb-bg-radio #sc-player .controls-container,
html.rb-bg-radio #sc-player .image-container,
body.rb-bg-aurora #sc-player,
body.rb-bg-radio #sc-player {
  background-color: #020617 !important;
}

/* Сохраняем визуальную разницу фонов, но без тяжёлого fixed/blur */
html.rb-bg-aurora .v-application,
body.rb-bg-aurora .v-application {
  background:
    radial-gradient(circle at 10% 12%, rgba(56,189,248,.30), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(168,85,247,.34), transparent 34%),
    linear-gradient(135deg, #020617 0%, #07111f 48%, #020617 100%) !important;
}

html.rb-bg-pearl .v-application,
body.rb-bg-pearl .v-application {
  background:
    radial-gradient(circle at 18% 10%, rgba(125,211,252,.34), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(216,180,254,.28), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #eaf7ff 48%, #fff7fb 100%) !important;
}

html.rb-bg-mesh .v-application,
body.rb-bg-mesh .v-application {
  background:
    repeating-linear-gradient(45deg, rgba(15,23,42,.028) 0 1px, transparent 1px 7px),
    radial-gradient(circle at 12% 18%, rgba(14,165,233,.32), transparent 30%),
    radial-gradient(circle at 78% 12%, rgba(168,85,247,.28), transparent 34%),
    linear-gradient(135deg, #f8fbff 0%, #eef2ff 48%, #ffffff 100%) !important;
}

html.rb-bg-radio .v-application,
body.rb-bg-radio .v-application {
  background:
    repeating-radial-gradient(circle at 14% 42%, rgba(34,211,238,.16) 0 2px, transparent 2px 40px),
    radial-gradient(circle at 20% 16%, rgba(56,189,248,.28), transparent 34%),
    linear-gradient(135deg, #020617 0%, #0b1730 50%, #020617 100%) !important;
}

html.rb-bg-liquid .v-application,
body.rb-bg-liquid .v-application {
  background:
    radial-gradient(circle at 22% 14%, rgba(255,255,255,.52), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(56,189,248,.30), transparent 32%),
    linear-gradient(135deg, #dff5ff 0%, #f8fbff 48%, #ffffff 100%) !important;
}

/* === RADIOBOOM STABILITY V8 END === */

/* === RADIOBOOM ATOMIC SWITCH START === */

/* Маска на момент смены фона/скина: скрывает белый/рваный repaint */
html.rb-theme-changing::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 12%, rgba(56,189,248,.16), transparent 34%),
    radial-gradient(circle at 84% 18%, rgba(139,92,246,.14), transparent 34%),
    rgba(2,6,23,.54);
  opacity: 1;
}

/* На светлых фонах маска мягкая, не белая */
html.rb-theme-changing.rb-bg-pearl::before,
html.rb-theme-changing.rb-bg-liquid::before {
  background:
    radial-gradient(circle at 20% 12%, rgba(125,211,252,.18), transparent 34%),
    radial-gradient(circle at 84% 18%, rgba(216,180,254,.14), transparent 34%),
    rgba(234,247,255,.70);
}

/* Пока идёт смена, запрещаем любые переходы/анимации */
html.rb-theme-changing,
html.rb-theme-changing *,
body.rb-theme-changing,
body.rb-theme-changing * {
  transition: none !important;
  animation: none !important;
}

/* === RADIOBOOM ATOMIC SWITCH END === */

/* === RADIOBOOM NO DIM SWITCH START === */

/* Убираем потускнение при смене фона/плеера */
html.rb-theme-changing::before {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

/* Оставляем запрет резких анимаций, но без затемняющей маски */
html.rb-theme-changing,
html.rb-theme-changing *,
body.rb-theme-changing,
body.rb-theme-changing * {
  transition: none !important;
  animation: none !important;
}

/* === RADIOBOOM NO DIM SWITCH END === */