.ado-radio-universe{position:relative;width:100%;min-height:100vh;color:#f8f7fb;font-family:Arial,sans-serif;isolation:isolate;overflow:hidden;background:#04050b}
.ado-radio-universe *{box-sizing:border-box}
.aru-cosmos{position:absolute;inset:0;overflow:hidden;z-index:-2;background:#03040a}
.aru-bg{position:absolute;inset:-12%;background:url("universe.jpg") center/cover no-repeat;filter:saturate(1.15) contrast(1.05) brightness(.88);animation:aruBgMove 28s ease-in-out infinite alternate,aruHue 18s linear infinite}
.aru-bg2{opacity:.28;mix-blend-mode:screen;filter:blur(12px) saturate(1.5);animation:aruBgMove2 36s ease-in-out infinite alternate-reverse,aruHue2 22s linear infinite}
.aru-stars,.aru-stars2{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#7fdfff 0 1px,transparent 1.4px);background-size:84px 84px,137px 137px;opacity:.7;animation:aruStars 40s linear infinite}
.aru-stars2{background-size:173px 173px,223px 223px;opacity:.35;animation-duration:58s}
.aru-aurora{position:absolute;width:45vw;height:45vw;border-radius:50%;filter:blur(90px);opacity:.18}
.aru-a1{left:-20vw;top:15%;background:#26b9ff;animation:aruAur1 15s ease-in-out infinite}
.aru-a2{right:-20vw;top:50%;background:#ff5b66;animation:aruAur2 18s ease-in-out infinite}
.aru-shoot{position:absolute;width:150px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0;filter:drop-shadow(0 0 6px #fff)}
.aru-s1{top:18%;left:-160px;animation:aruShoot 10s 1s infinite}
.aru-s2{top:68%;left:-180px;animation:aruShoot 13s 5s infinite}
@keyframes aruBgMove{from{transform:scale(1.05) translate(-2%,-1%) rotate(-1deg)}to{transform:scale(1.14) translate(3%,2%) rotate(2deg)}}
@keyframes aruBgMove2{from{transform:scale(1.12) rotate(180deg)}to{transform:scale(1.22) rotate(186deg) translate(2%,-2%)}}
@keyframes aruHue{0%,100%{filter:saturate(1.15) contrast(1.05) brightness(.88) hue-rotate(0)}50%{filter:saturate(1.28) contrast(1.08) brightness(.94) hue-rotate(18deg)}}
@keyframes aruHue2{0%,100%{filter:blur(12px) saturate(1.5) hue-rotate(0)}50%{filter:blur(14px) saturate(1.7) hue-rotate(-32deg)}}
@keyframes aruStars{to{transform:translate(-60px,90px)}}
@keyframes aruAur1{50%{transform:translate(80px,60px) scale(1.18)}}
@keyframes aruAur2{50%{transform:translate(-70px,-60px) scale(1.14)}}
@keyframes aruShoot{0%,78%{opacity:0;transform:translate(0,0) rotate(-18deg)}82%{opacity:1}100%{opacity:0;transform:translate(125vw,-170px) rotate(-18deg)}}

.aru-shell{width:min(1180px,calc(100% - 28px));margin:auto;padding:22px 0 34px}
.aru-glass{position:relative;background:linear-gradient(180deg,rgba(14,16,28,.25),rgba(7,8,16,.13));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 24px 62px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.11);overflow:hidden}
.aru-glass:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.18),transparent 32%,rgba(107,204,255,.05) 58%,rgba(255,147,101,.06))}
.aru-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:24px;margin-bottom:16px}
.aru-brand{display:flex;gap:12px;align-items:center}
.aru-logo{width:48px;height:48px;border-radius:15px;overflow:hidden;border:1px solid rgba(255,214,130,.4);box-shadow:0 0 24px rgba(255,183,81,.13)}
.aru-logo img{width:100%;height:100%;object-fit:cover;animation:aruFloat 3.2s ease-in-out infinite}
.aru-brandname{font-size:24px;font-weight:800;letter-spacing:.07em;background:linear-gradient(90deg,#fff,#dff4ff 45%,#ffd08c);-webkit-background-clip:text;color:transparent}
.aru-slogan{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#c2c9db;margin-top:2px}
.aru-live{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,96,116,.28);background:rgba(255,76,100,.06);font-weight:700;font-size:12px}
.aru-dot{width:10px;height:10px;border-radius:50%;background:#ff3b4f;box-shadow:0 0 8px #ff3b4f,0 0 18px rgba(255,59,79,.7);animation:aruPulse 1.2s ease-in-out infinite}
@keyframes aruFloat{50%{transform:translateY(-2px) scale(1.03)}}
@keyframes aruPulse{50%{opacity:.35;transform:scale(.75)}}

.aru-player{padding:28px 32px 82px;border-radius:30px;margin-bottom:16px}
.aru-row{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center}
.aru-disc{width:170px;height:170px;border-radius:32px;display:grid;place-items:center;background:radial-gradient(circle,rgba(89,209,255,.16),transparent 28%),conic-gradient(#101327,#3153dc,#101327,#ff6f56,#101327);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 44px rgba(18,28,90,.42),0 0 26px rgba(58,162,255,.15)}
.aru-disc:after{content:"♫";font-size:62px;color:#fff;filter:drop-shadow(0 0 14px #69cfff)}
.aru-meta small{font-size:12px;letter-spacing:.14em;color:#ffd085;font-weight:700}
.aru-meta h1{font-size:48px;margin:7px 0}
.aru-status{font-size:18px;color:#e7e7ee}
.aru-substatus{font-size:14px;color:#aeb5c7;margin-top:4px}
.aru-eq{display:flex;gap:4px;align-items:flex-end;height:58px;margin:24px 0 8px}
.aru-eq i{width:5px;height:7px;border-radius:3px;background:linear-gradient(180deg,#ffb05b,#ffd06c,#69ddff,#7c6cff)}
.aru-player.aru-playing .aru-eq i{animation:aruBar .9s ease-in-out infinite alternate}
@keyframes aruBar{to{height:56px}}
.aru-actions{display:flex;gap:12px;max-width:580px}
.aru-play,.aru-send{border:none;border-radius:16px;padding:15px 20px;font-weight:800;background:linear-gradient(135deg,#fff0af,#f6d98a 28%,#e2af49 62%,#c8892b);color:#1d1508;box-shadow:0 12px 28px rgba(227,176,75,.2);cursor:pointer}
.aru-play{flex:1}
.aru-like{border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:15px 20px;background:rgba(5,8,18,.28);color:#fff;font-weight:700;cursor:pointer}
.aru-motion{position:absolute;left:0;right:0;bottom:0;height:70px;pointer-events:none}
.aru-wave{position:absolute;left:-15%;width:130%;height:48px;bottom:-7px;border-radius:50%;border-top:2px solid rgba(93,214,255,.75);box-shadow:0 -3px 18px rgba(53,178,255,.34);animation:aruWave 6s ease-in-out infinite alternate}
.aru-w2{bottom:-14px;border-color:rgba(255,96,196,.55);animation-duration:7.5s;animation-direction:alternate-reverse}
.aru-w3{bottom:-22px;border-color:rgba(255,169,83,.42);animation-duration:9s}
@keyframes aruWave{from{transform:translateX(-2%) scaleY(.8)}to{transform:translateX(4%) scaleY(1.16)}}

.aru-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.aru-card{padding:20px;border-radius:26px}
.aru-card h2{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:22px;margin-bottom:14px}
.aru-tag{font-size:11px;color:#ffd085;border:1px solid rgba(255,188,112,.22);border-radius:999px;padding:6px 10px}
.aru-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.aru-stat{padding:18px;border-radius:17px;background:rgba(5,8,18,.28);border:1px solid rgba(255,255,255,.1)}
.aru-stat b{font-size:32px}
.aru-stat div{font-size:11px;color:#aeb5c7;text-transform:uppercase;letter-spacing:.1em;margin-top:5px}
.aru-rankleft{display:flex;align-items:center;gap:10px}
.aru-trophy{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(255,184,74,.3));animation:aruFloat 3.4s ease-in-out infinite}
.aru-empty{padding:14px;border-radius:14px;background:rgba(5,8,18,.26);border:1px solid rgba(255,255,255,.1);color:#c0c5d4}
.aru-comments{margin-top:16px}
.aru-comments .aru-note{font-size:11px;color:#aeb5c7;font-weight:400}
.aru-comments input,.aru-comments textarea{width:100%;margin-top:9px;padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:rgba(5,8,18,.28);color:#fff}
.aru-comments textarea{min-height:100px;resize:vertical}
.aru-send{width:100%;margin-top:10px}
.aru-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:#ffd085;color:#1a1208;padding:11px 17px;border-radius:999px;font-weight:800;transition:.25s;z-index:99999}
.aru-toast.aru-show{opacity:1;transform:translate(-50%,0)}

@media(max-width:700px){
  .aru-shell{width:calc(100% - 20px);padding:12px 0 24px}
  .aru-head{padding:10px 11px;border-radius:19px;margin-bottom:11px}
  .aru-logo{width:40px;height:40px;border-radius:12px}
  .aru-brandname{font-size:18px}
  .aru-slogan{font-size:7px;letter-spacing:.12em}
  .aru-live{font-size:10px;padding:7px 9px}
  .aru-dot{width:8px;height:8px}
  .aru-player{padding:14px 14px 62px;border-radius:20px;margin-bottom:11px}
  .aru-row{grid-template-columns:82px 1fr;gap:12px}
  .aru-disc{width:82px;height:82px;border-radius:18px}
  .aru-disc:after{font-size:31px}
  .aru-meta small{font-size:9px}
  .aru-meta h1{font-size:23px;margin:4px 0}
  .aru-status{font-size:12px}
  .aru-substatus{font-size:10px}
  .aru-eq{height:34px;margin:11px 0 4px;gap:3px}
  .aru-eq i{width:3px}
  .aru-actions{gap:7px}
  .aru-play,.aru-like{padding:12px 10px;border-radius:13px;font-size:13px}
  .aru-motion{height:58px}
  .aru-grid{grid-template-columns:1fr;gap:10px}
  .aru-card{padding:13px;border-radius:18px}
  .aru-card h2{font-size:16px;margin-bottom:10px}
  .aru-stat{padding:12px}
  .aru-stat b{font-size:21px}
  .aru-trophy{width:29px;height:29px}
  .aru-comments{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.ado-radio-universe *{animation:none!important}}


/* =========================================================
   V1.6.1 — CLEARER GLASS / MOBILE POLISH
   ========================================================= */

/* Less blue wash, clearer nebula through the glass */
.aru-glass{
  background:
    linear-gradient(180deg,rgba(10,12,22,.17),rgba(5,7,14,.09)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  backdrop-filter:blur(20px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(125%) !important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.25),
    inset 0 1px rgba(255,255,255,.09),
    0 0 22px rgba(75,155,255,.035) !important;
}

.aru-glass:before{
  background:
    linear-gradient(130deg,
      rgba(255,255,255,.13),
      transparent 34%,
      rgba(102,206,255,.035) 60%,
      rgba(255,150,106,.045)) !important;
  opacity:.72;
}

/* Inner cards more transparent */
.aru-stat,
.aru-empty,
.aru-comments input,
.aru-comments textarea,
.aru-like{
  background:rgba(5,8,18,.18) !important;
  border-color:rgba(255,255,255,.085) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025) !important;
}

/* Player artwork richer, but not overpowering */
.aru-disc{
  background:
    radial-gradient(circle at 32% 26%,rgba(99,216,255,.16),transparent 26%),
    radial-gradient(circle at 74% 74%,rgba(255,120,84,.13),transparent 28%),
    conic-gradient(#0d1020,#263f9d,#0d1020,#9f493c,#0d1020) !important;
  box-shadow:
    0 18px 38px rgba(10,19,70,.34),
    0 0 20px rgba(55,150,255,.11) !important;
}

/* Stronger and cleaner LIVE pulse */
.aru-live{
  border-color:rgba(255,92,112,.34) !important;
  background:rgba(255,72,96,.045) !important;
  box-shadow:0 0 16px rgba(255,72,96,.055) !important;
}
.aru-dot{
  background:#ff354c !important;
  box-shadow:
    0 0 0 0 rgba(255,53,76,.5),
    0 0 7px rgba(255,53,76,.95),
    0 0 15px rgba(255,53,76,.68) !important;
  animation:aruPulseStrong 1.15s ease-in-out infinite !important;
}
@keyframes aruPulseStrong{
  0%,100%{
    opacity:1;
    transform:scale(1);
    box-shadow:
      0 0 0 0 rgba(255,53,76,.5),
      0 0 7px rgba(255,53,76,.95),
      0 0 15px rgba(255,53,76,.68);
  }
  50%{
    opacity:.35;
    transform:scale(.74);
    box-shadow:
      0 0 0 8px rgba(255,53,76,0),
      0 0 4px rgba(255,53,76,.55),
      0 0 10px rgba(255,53,76,.35);
  }
}

/* More refined trophy */
.aru-trophy{
  width:34px !important;
  height:34px !important;
  filter:
    drop-shadow(0 4px 10px rgba(255,184,74,.24))
    drop-shadow(0 0 6px rgba(255,214,126,.12)) !important;
}

/* Gold button: less oversized */
.aru-play{
  max-width:430px;
  min-width:0;
}

/* Better mobile spacing */
@media(max-width:700px){
  .aru-shell{
    width:calc(100% - 18px) !important;
    padding:10px 0 22px !important;
  }

  .aru-head{
    padding:9px 10px !important;
    margin-bottom:9px !important;
  }

  .aru-player{
    padding:13px 13px 58px !important;
    margin-bottom:9px !important;
  }

  .aru-row{
    grid-template-columns:78px 1fr !important;
    gap:11px !important;
  }

  .aru-disc{
    width:78px !important;
    height:78px !important;
  }

  .aru-meta h1{
    font-size:22px !important;
  }

  .aru-actions{
    align-items:stretch;
  }

  .aru-play{
    flex:1 1 auto !important;
    max-width:none !important;
    min-width:0 !important;
    padding:11px 10px !important;
    font-size:13px !important;
  }

  .aru-like{
    flex:0 0 118px !important;
    padding:11px 9px !important;
    font-size:12px !important;
  }

  .aru-grid{
    gap:9px !important;
  }

  .aru-card{
    padding:12px !important;
    border-radius:17px !important;
  }

  .aru-card h2{
    font-size:15px !important;
    margin-bottom:9px !important;
  }

  .aru-trophy{
    width:26px !important;
    height:26px !important;
  }

  .aru-rankleft{
    gap:8px !important;
  }

  .aru-empty{
    padding:12px !important;
    font-size:13px !important;
  }

  .aru-comments{
    margin-top:9px !important;
  }

  .aru-comments h2{
    align-items:flex-start !important;
  }

  .aru-comments .aru-note{
    max-width:46%;
    text-align:right;
    line-height:1.25;
    font-size:9px !important;
  }

  .aru-comments input,
  .aru-comments textarea{
    margin-top:7px !important;
    padding:12px !important;
  }

  .aru-comments textarea{
    min-height:82px !important;
  }

  .aru-send{
    padding:12px !important;
    margin-top:8px !important;
  }
}

/* Desktop stays more open and premium */
@media(min-width:900px){
  .aru-glass{
    backdrop-filter:blur(24px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(24px) saturate(130%) !important;
  }

  .aru-player{
    padding:30px 34px 86px !important;
  }

  .aru-grid{
    gap:18px !important;
  }

  .aru-card{
    padding:22px !important;
  }
}


/* =========================================================
   V1.6.2 — NEUTRAL GLASS + BETTER MOBILE COLOR BALANCE
   ========================================================= */

/* Universe: show more red/orange edges, less cyan domination */
.aru-bg{
  background-position:center 38% !important;
  filter:saturate(1.08) contrast(1.08) brightness(.76) !important;
}
.aru-bg2{
  opacity:.18 !important;
  filter:blur(14px) saturate(1.22) brightness(.72) !important;
}
.aru-cosmos::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 4% 12%, rgba(255,88,48,.22), transparent 28%),
    radial-gradient(circle at 96% 28%, rgba(255,86,86,.18), transparent 30%),
    radial-gradient(circle at 50% 44%, rgba(0,0,0,.08), transparent 42%),
    linear-gradient(180deg,rgba(2,3,9,.08),rgba(3,4,10,.22));
  mix-blend-mode:screen;
  z-index:1;
}

/* Neutral glass instead of blue glass */
.aru-glass{
  background:
    linear-gradient(180deg,rgba(12,13,20,.19),rgba(5,6,11,.10)) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  backdrop-filter:blur(18px) saturate(115%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(115%) !important;
  box-shadow:
    0 20px 52px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.08),
    0 0 18px rgba(94,145,255,.025) !important;
}
.aru-glass:before{
  background:
    linear-gradient(130deg,
      rgba(255,255,255,.11),
      transparent 34%,
      rgba(114,210,255,.028) 58%,
      rgba(255,121,80,.052) 82%) !important;
  opacity:.62 !important;
}

/* Inner areas: darker neutral glass */
.aru-stat,
.aru-empty,
.aru-comments input,
.aru-comments textarea,
.aru-like{
  background:rgba(4,6,12,.26) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Player: remove large blue cast */
.aru-player{
  background:
    linear-gradient(180deg,rgba(8,10,18,.13),rgba(4,5,10,.07)) !important;
}
.aru-disc{
  background:
    radial-gradient(circle at 30% 24%,rgba(255,130,88,.16),transparent 28%),
    radial-gradient(circle at 75% 75%,rgba(78,176,255,.11),transparent 30%),
    conic-gradient(#10111a,#222c62,#11121b,#9a4537,#10111a) !important;
}

/* Keep waves subtle so they don't wash the card */
.aru-wave{opacity:.58 !important}
.aru-w2{opacity:.44 !important}
.aru-w3{opacity:.34 !important}

/* Mobile: let background breathe, tighter player height */
@media(max-width:700px){
  .aru-bg{
    background-size:auto 115% !important;
    background-position:center 30% !important;
  }

  .aru-shell{
    width:calc(100% - 14px) !important;
  }

  .aru-player{
    padding:12px 12px 54px !important;
  }

  .aru-eq{
    margin:9px 0 2px !important;
  }

  .aru-motion{
    height:52px !important;
  }

  .aru-wave{
    height:34px !important;
  }

  .aru-card{
    background:
      linear-gradient(180deg,rgba(10,11,17,.17),rgba(5,6,11,.09)) !important;
  }
}

/* Desktop: richer, darker glass */
@media(min-width:900px){
  .aru-bg{
    background-position:center 36% !important;
  }
  .aru-glass{
    background:
      linear-gradient(180deg,rgba(10,11,18,.20),rgba(5,6,11,.10)) !important;
  }
}


/* =========================================================
   V1.6.3 — PREMIUM TYPOGRAPHY + FRESH GLOW
   ========================================================= */

/* Global text rendering */
.ado-radio-universe,
.ado-radio-universe *{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Main brand */
.aru-brandname{
  font-weight:800 !important;
  letter-spacing:.075em !important;
  background:linear-gradient(
    90deg,
    #ffffff 0%,
    #e9f7ff 28%,
    #bfe9ff 50%,
    #ffe0a0 78%,
    #ffffff 100%
  ) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.08),
    0 0 18px rgba(74,188,255,.10) !important;
}

.aru-slogan{
  color:rgba(236,243,255,.80) !important;
  text-shadow:
    0 0 5px rgba(255,255,255,.08),
    0 0 11px rgba(91,180,255,.07) !important;
}

/* Hero title */
.aru-meta h1{
  background:linear-gradient(
    90deg,
    #ffffff 0%,
    #f8fbff 36%,
    #d7efff 64%,
    #ffd898 100%
  ) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.10),
    0 0 18px rgba(69,179,255,.11),
    0 0 30px rgba(255,178,82,.055) !important;
}

.aru-meta small{
  color:#ffd996 !important;
  text-shadow:
    0 0 6px rgba(255,214,145,.12),
    0 0 14px rgba(255,164,79,.08) !important;
}

.aru-status{
  color:#f2f5fb !important;
  text-shadow:
    0 0 5px rgba(255,255,255,.07),
    0 0 12px rgba(83,183,255,.055) !important;
}

.aru-substatus{
  color:rgba(220,225,238,.76) !important;
  text-shadow:0 0 5px rgba(255,255,255,.045) !important;
}

/* Section titles */
.aru-card h2{
  color:#fbfcff !important;
  font-weight:800 !important;
  letter-spacing:.012em !important;
  text-shadow:
    0 0 7px rgba(255,255,255,.10),
    0 0 16px rgba(65,166,255,.075) !important;
}

.aru-rankleft{
  text-shadow:
    0 0 8px rgba(255,255,255,.10),
    0 0 16px rgba(255,190,89,.08) !important;
}

/* Stats */
.aru-stat b{
  color:#ffffff !important;
  text-shadow:
    0 0 7px rgba(255,255,255,.12),
    0 0 16px rgba(81,172,255,.08) !important;
}

.aru-stat div{
  color:rgba(223,228,240,.80) !important;
  text-shadow:0 0 5px rgba(255,255,255,.05) !important;
}

/* Top 20 / empty state */
.aru-empty{
  color:rgba(242,244,250,.84) !important;
  text-shadow:
    0 0 5px rgba(255,255,255,.055),
    0 0 11px rgba(78,169,255,.04) !important;
}

/* Badges */
.aru-tag{
  color:#ffd890 !important;
  font-weight:700 !important;
  text-shadow:
    0 0 6px rgba(255,216,144,.11),
    0 0 13px rgba(255,158,72,.06) !important;
}

.aru-live{
  color:#ffffff !important;
  text-shadow:
    0 0 6px rgba(255,255,255,.11),
    0 0 15px rgba(255,65,91,.18) !important;
}

/* Buttons */
.aru-play,
.aru-send{
  letter-spacing:.012em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.18),
    0 0 8px rgba(255,255,255,.10) !important;
}

.aru-like{
  color:#fbfcff !important;
  text-shadow:
    0 0 6px rgba(255,255,255,.08),
    0 0 13px rgba(73,168,255,.06) !important;
}

/* Inputs / placeholders */
.aru-comments input,
.aru-comments textarea{
  color:#f7f8fc !important;
  text-shadow:0 0 4px rgba(255,255,255,.04) !important;
}

.aru-comments input::placeholder,
.aru-comments textarea::placeholder{
  color:rgba(224,228,239,.58) !important;
  text-shadow:0 0 4px rgba(255,255,255,.035) !important;
}

.aru-comments .aru-note{
  color:rgba(217,222,235,.68) !important;
  text-shadow:0 0 4px rgba(255,255,255,.035) !important;
}

/* Extra freshness on hover without becoming flashy */
.aru-play,
.aru-like,
.aru-send,
.aru-tag{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    text-shadow .22s ease,
    filter .22s ease !important;
}

.aru-play:hover,
.aru-send:hover{
  text-shadow:
    0 1px 0 rgba(255,255,255,.20),
    0 0 10px rgba(255,255,255,.16) !important;
}

.aru-like:hover{
  text-shadow:
    0 0 8px rgba(255,255,255,.13),
    0 0 16px rgba(84,184,255,.10) !important;
}

/* Mobile: reduce glow so text stays crisp */
@media(max-width:700px){
  .aru-brandname{
    text-shadow:
      0 0 6px rgba(255,255,255,.07),
      0 0 12px rgba(74,188,255,.07) !important;
  }

  .aru-meta h1{
    text-shadow:
      0 0 6px rgba(255,255,255,.08),
      0 0 13px rgba(69,179,255,.075),
      0 0 20px rgba(255,178,82,.035) !important;
  }

  .aru-card h2{
    text-shadow:
      0 0 5px rgba(255,255,255,.08),
      0 0 11px rgba(65,166,255,.05) !important;
  }

  .aru-stat b{
    text-shadow:
      0 0 5px rgba(255,255,255,.09),
      0 0 11px rgba(81,172,255,.05) !important;
  }
}


/* =========================================================
   V1.6.4 — STRONGER PREMIUM GLOW / FRESHER TYPOGRAPHY
   ========================================================= */

/* Main brand gets a richer ice + gold aura */
.aru-brandname{
  text-shadow:
    0 0 5px rgba(255,255,255,.20),
    0 0 12px rgba(140,224,255,.22),
    0 0 22px rgba(72,168,255,.16),
    0 0 30px rgba(255,190,94,.08) !important;
}

/* Hero title: visible premium glow */
.aru-meta h1{
  text-shadow:
    0 0 5px rgba(255,255,255,.22),
    0 0 12px rgba(159,225,255,.24),
    0 0 24px rgba(72,171,255,.17),
    0 0 36px rgba(255,184,91,.08) !important;
}

/* ON AIR label */
.aru-meta small{
  text-shadow:
    0 0 5px rgba(255,220,150,.20),
    0 0 12px rgba(255,174,76,.12),
    0 0 20px rgba(255,174,76,.06) !important;
}

/* Status copy gets icy freshness */
.aru-status{
  text-shadow:
    0 0 5px rgba(255,255,255,.11),
    0 0 12px rgba(121,209,255,.10) !important;
}

/* Section headings much clearer */
.aru-card h2{
  text-shadow:
    0 0 5px rgba(255,255,255,.18),
    0 0 12px rgba(134,214,255,.16),
    0 0 22px rgba(75,166,255,.10) !important;
}

/* Top 20 gets a warmer premium edge */
.aru-rankleft{
  text-shadow:
    0 0 5px rgba(255,255,255,.18),
    0 0 13px rgba(255,211,130,.14),
    0 0 22px rgba(255,178,78,.08) !important;
}

/* Stats glow */
.aru-stat b{
  text-shadow:
    0 0 5px rgba(255,255,255,.20),
    0 0 12px rgba(128,211,255,.16),
    0 0 20px rgba(71,165,255,.09) !important;
}

/* Badges */
.aru-tag{
  text-shadow:
    0 0 5px rgba(255,222,158,.18),
    0 0 12px rgba(255,180,86,.12) !important;
}

.aru-live{
  text-shadow:
    0 0 5px rgba(255,255,255,.18),
    0 0 12px rgba(255,83,112,.22),
    0 0 20px rgba(255,83,112,.10) !important;
}

/* Buttons: visible polished text glow */
.aru-play{
  text-shadow:
    0 1px 0 rgba(255,255,255,.30),
    0 0 6px rgba(255,255,255,.18),
    0 0 12px rgba(255,218,145,.14) !important;
}

.aru-like{
  text-shadow:
    0 0 5px rgba(255,255,255,.16),
    0 0 12px rgba(118,207,255,.12) !important;
}

.aru-send{
  text-shadow:
    0 1px 0 rgba(255,255,255,.24),
    0 0 7px rgba(255,255,255,.14) !important;
}

/* Make glow breathe subtly on the main hero title */
.aru-meta h1,
.aru-brandname{
  animation:aruTextGlow 4.4s ease-in-out infinite alternate;
}
@keyframes aruTextGlow{
  from{filter:brightness(1)}
  to{filter:brightness(1.06)}
}

/* Mobile: still visible, but kept readable */
@media(max-width:700px){
  .aru-brandname{
    text-shadow:
      0 0 4px rgba(255,255,255,.16),
      0 0 9px rgba(140,224,255,.16),
      0 0 15px rgba(72,168,255,.10) !important;
  }

  .aru-meta h1{
    text-shadow:
      0 0 4px rgba(255,255,255,.18),
      0 0 9px rgba(159,225,255,.17),
      0 0 16px rgba(72,171,255,.10),
      0 0 22px rgba(255,184,91,.05) !important;
  }

  .aru-card h2{
    text-shadow:
      0 0 4px rgba(255,255,255,.14),
      0 0 9px rgba(134,214,255,.11) !important;
  }

  .aru-stat b{
    text-shadow:
      0 0 4px rgba(255,255,255,.16),
      0 0 9px rgba(128,211,255,.11) !important;
  }

  .aru-live{
    text-shadow:
      0 0 4px rgba(255,255,255,.14),
      0 0 9px rgba(255,83,112,.16) !important;
  }

  .aru-play{
    text-shadow:
      0 1px 0 rgba(255,255,255,.26),
      0 0 5px rgba(255,255,255,.12) !important;
  }
}


/* =========================================================
   V1.6.5 — MOBILE POLISH / FR SWITCHER COLLISION FIX
   ========================================================= */

/* Slightly smokier glass on mobile only */
@media(max-width:700px){
  .aru-glass{
    background:
      linear-gradient(180deg,rgba(9,10,16,.21),rgba(4,5,10,.12)) !important;
    backdrop-filter:blur(17px) saturate(112%) !important;
    -webkit-backdrop-filter:blur(17px) saturate(112%) !important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.26),
      inset 0 1px rgba(255,255,255,.08),
      0 0 14px rgba(80,140,255,.02) !important;
  }

  /* More room between sections, especially for external language widget */
  .aru-shell{
    padding-bottom:72px !important;
  }

  .aru-card{
    margin-bottom:8px !important;
  }

  .aru-card:last-of-type{
    margin-bottom:26px !important;
  }

  /* Hero slightly tighter and cleaner */
  .aru-player{
    padding:12px 12px 52px !important;
    border-radius:18px !important;
  }

  .aru-actions{
    gap:6px !important;
  }

  .aru-play{
    flex:1 1 0 !important;
    max-width:none !important;
    padding:10px 10px !important;
    border-radius:12px !important;
    font-size:12.5px !important;
  }

  .aru-like{
    flex:0 0 112px !important;
    padding:10px 8px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  /* More premium depth on stats */
  .aru-stat{
    background:
      linear-gradient(180deg,rgba(5,7,14,.34),rgba(4,5,10,.22)) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    box-shadow:
      inset 0 1px rgba(255,255,255,.035),
      0 10px 24px rgba(0,0,0,.12),
      0 0 16px rgba(72,151,255,.025) !important;
  }

  .aru-stat b{
    font-size:22px !important;
  }

  .aru-stat div{
    font-size:9.5px !important;
    letter-spacing:.085em !important;
  }

  /* Top 20 and reactions breathe more */
  .aru-ranktitle{
    align-items:center !important;
  }

  .aru-empty{
    margin-bottom:4px !important;
  }

  .aru-comments{
    margin-top:10px !important;
  }

  .aru-comments h2{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:8px !important;
    align-items:start !important;
  }

  .aru-comments .aru-note{
    max-width:130px !important;
    text-align:right !important;
    font-size:8.5px !important;
    line-height:1.3 !important;
  }

  /* Keep mobile content visually above third-party switchers */
  .ado-radio-universe{
    padding-bottom:24px !important;
  }
}

/* Best-effort fix for common GTranslate floating switcher */
@media(max-width:700px){
  .gt_float_switcher,
  .gt_switcher_wrapper,
  .gtranslate_wrapper,
  #gtranslate_wrapper{
    bottom:14px !important;
    left:12px !important;
    right:auto !important;
    transform:scale(.88) !important;
    transform-origin:bottom left !important;
    z-index:9999 !important;
  }
}

/* Desktop stays unchanged apart from a slightly tighter reaction block */
@media(min-width:900px){
  .aru-comments{
    padding-bottom:20px !important;
  }
  .aru-comments textarea{
    min-height:96px !important;
  }
  .aru-send{
    width:210px !important;
    float:right;
  }
}


/* =========================================================
   ADO RADIO V1.6.7 — Premium PNG action buttons
   ========================================================= */
.aru-actions.aru-premium-actions{
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  gap:14px !important;
  max-width:620px !important;
  overflow:visible;
}

.aru-actions .aru-image-btn{
  position:relative;
  flex:0 1 270px !important;
  width:min(270px,48%);
  min-width:0;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:0;
  cursor:pointer;
  isolation:isolate;
  overflow:visible;
  -webkit-tap-highlight-color:transparent;
  animation:aruPremiumFloat 3.4s ease-in-out infinite;
}

.aru-actions .aru-image-btn:nth-child(2){animation-delay:.38s}

.aru-actions .aru-image-btn .aru-btn-art{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  transform:translateZ(0) scale(1);
  transform-origin:center;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.34)) drop-shadow(0 0 7px rgba(221,174,60,.12));
  transition:transform .22s ease,filter .22s ease,opacity .22s ease;
}

.aru-actions .aru-image-btn::after{
  content:"";
  position:absolute;
  inset:7% 4%;
  border-radius:999px;
  pointer-events:none;
  z-index:2;
  opacity:0;
  background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.0) 35%,rgba(255,244,198,.62) 48%,rgba(255,255,255,.0) 60%,transparent 74%);
  transform:translateX(-125%);
}

.aru-actions .aru-image-btn:hover .aru-btn-art,
.aru-actions .aru-image-btn:focus-visible .aru-btn-art{
  transform:scale(1.045) translateY(-2px);
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.38)) drop-shadow(0 0 13px rgba(235,184,61,.28)) drop-shadow(0 0 15px rgba(122,72,255,.16));
}

.aru-actions .aru-image-btn:hover::after,
.aru-actions .aru-image-btn:focus-visible::after{
  animation:aruButtonShine .9s ease-out 1;
}

.aru-actions .aru-image-btn:active .aru-btn-art{transform:scale(.965)}

.aru-actions .aru-image-btn:focus-visible{outline:2px solid rgba(255,220,125,.82) !important;outline-offset:5px}

.aru-actions .aru-play.is-playing{animation:aruPlayingPulse 1.55s ease-in-out infinite}
.aru-actions .aru-play.is-playing .aru-btn-art{
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.42)) drop-shadow(0 0 17px rgba(236,180,48,.40)) drop-shadow(0 0 22px rgba(124,69,255,.24));
}

.aru-actions .aru-like.on{animation:aruHeartBeat 1.2s ease-in-out 1, aruPremiumFloat 3.4s ease-in-out 1.2s infinite}
.aru-actions .aru-like.on .aru-btn-art{
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.42)) drop-shadow(0 0 17px rgba(255,181,54,.36)) drop-shadow(0 0 22px rgba(151,74,255,.25));
}

@keyframes aruPremiumFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes aruPlayingPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.025);filter:brightness(1.07)}
}
@keyframes aruHeartBeat{
  0%{transform:scale(1)}
  22%{transform:scale(1.08)}
  42%{transform:scale(.99)}
  62%{transform:scale(1.055)}
  100%{transform:scale(1)}
}
@keyframes aruButtonShine{
  0%{opacity:0;transform:translateX(-125%)}
  20%{opacity:.78}
  100%{opacity:0;transform:translateX(125%)}
}

@media(max-width:700px){
  .aru-actions.aru-premium-actions{gap:8px !important;max-width:100% !important;justify-content:center}
  .aru-actions .aru-image-btn{width:calc(50% - 4px);flex:1 1 calc(50% - 4px) !important;max-width:210px}
  .aru-actions .aru-image-btn:hover .aru-btn-art,
  .aru-actions .aru-image-btn:focus-visible .aru-btn-art{transform:scale(1.025)}
}

@media(max-width:390px){
  .aru-actions.aru-premium-actions{gap:6px !important}
  .aru-actions .aru-image-btn{width:calc(50% - 3px);flex-basis:calc(50% - 3px) !important}
}

@media(prefers-reduced-motion:reduce){
  .aru-actions .aru-image-btn,
  .aru-actions .aru-play.is-playing,
  .aru-actions .aru-like.on{animation:none !important}
  .aru-actions .aru-image-btn::after{display:none}
}