.rdj-root{
    --rani-pink:#E6007E;
    --kesariya:#FF6A1A;
    --haldi:#FFC300;
    --jaipur-blue:#00A9CE;
    --green:#7ED957;
    --night:#210A2E;
    --night-deep:#150620;
    --cream:#FFF3E0;
    --ink:#241033;
    --skin:#F0C48C;
    --line:#ffffff26;
  }
  /* Scoped to .rdj-root only — never touch html/body or other site-wide
     selectors, since this CSS loads on a normal WordPress page alongside
     the theme's own styles. */
  .rdj-root, .rdj-root *{box-sizing:border-box;}
  .rdj-root{
    margin:0;
    color:var(--cream);
    font-family:'Poppins',sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  .rdj-root h1,.rdj-root h2,.rdj-root .rdj-brand-title{font-family:'Baloo 2',sans-serif;}
  .rdj-root ::selection{background:var(--rani-pink);color:#fff;}

  .rdj-shell{
    min-height:100vh;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    background:radial-gradient(120% 90% at 50% 0%, #4a1240 0%, var(--night) 45%, var(--night-deep) 100%);
    position:relative;
  }


  /* ---------- hero text (compact) ---------- */
  .rdj-hero-text{
    flex:none;
    text-align:center;
    padding:clamp(8px,2vh,18px) 16px 2px;
  }
  .rdj-eyebrow{
    display:inline-block;
    font-family:'Baloo 2',sans-serif;
    font-weight:700;
    font-size:11px;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:var(--haldi);
    background:#00000030;
    border:1px solid var(--haldi);
    padding:4px 14px;
    border-radius:999px;
    margin-bottom:6px;
  }
  h1.rdj-brand-title{
    font-size:clamp(28px,6vh,58px);
    font-weight:800;
    line-height:1.0;
    margin:0;
    background:linear-gradient(90deg,var(--haldi),var(--rani-pink) 55%,var(--jaipur-blue));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .rdj-tagline{
    font-family:'Baloo 2',sans-serif;
    font-weight:700;
    font-size:clamp(13px,2.4vh,19px);
    color:var(--haldi);
    margin:2px 0 0;
    letter-spacing:.5px;
  }

  /* ---------- stage (fills remaining space, never scrolls) ---------- */
  .rdj-stage-wrap{
    flex:1 1 auto;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
  }
  .rdj-stage-wrap svg{ width:100%; height:100%; max-width:1100px; display:block; }

  .rdj-bulb{ animation:rdj-blink 1.4s infinite ease-in-out; }
  .rdj-bulb.rdj-b2{animation-delay:.15s;} .rdj-bulb.rdj-b3{animation-delay:.3s;} .rdj-bulb.rdj-b4{animation-delay:.45s;}
  .rdj-bulb.rdj-b5{animation-delay:.6s;} .rdj-bulb.rdj-b6{animation-delay:.75s;} .rdj-bulb.rdj-b7{animation-delay:.9s;} .rdj-bulb.rdj-b8{animation-delay:1.05s;}
  @keyframes rdj-blink{ 0%,100%{opacity:.35;} 50%{opacity:1;} }
  .rdj-shell.rdj-is-paused .rdj-bulb{animation-play-state:paused; opacity:.5;}

  .rdj-horn-glow{ animation:rdj-hornpulse 1.1s ease-in-out infinite; }
  .rdj-horn-glow.rdj-hn2{animation-delay:.1s;} .rdj-horn-glow.rdj-hn3{animation-delay:.2s;} .rdj-horn-glow.rdj-hn4{animation-delay:.3s;}
  .rdj-horn-glow.rdj-hn5{animation-delay:.4s;} .rdj-horn-glow.rdj-hn6{animation-delay:.5s;} .rdj-horn-glow.rdj-hn7{animation-delay:.6s;} .rdj-horn-glow.rdj-hn8{animation-delay:.7s;}
  @keyframes rdj-hornpulse{ 0%,100%{opacity:.2;} 50%{opacity:.9;} }
  .rdj-shell.rdj-is-paused .rdj-horn-glow{animation-play-state:paused; opacity:.15;}

  .rdj-beam{ opacity:.15; animation:rdj-sway 3.2s ease-in-out infinite; transform-origin:bottom center; transform-box:fill-box;}
  .rdj-beam.rdj-b2{animation-delay:.5s;} .rdj-beam.rdj-b3{animation-delay:1s;}
  @keyframes rdj-sway{ 0%,100%{transform:rotate(-7deg);} 50%{transform:rotate(7deg);} }
  .rdj-shell.rdj-is-paused .rdj-beam{animation-play-state:paused;}

  .rdj-eq-bar{ transform-box:fill-box; transform-origin:bottom; animation:rdj-eqmove 0.85s ease-in-out infinite; }
  .rdj-eq-bar:nth-child(2){animation-delay:.12s;} .rdj-eq-bar:nth-child(3){animation-delay:.24s;}
  .rdj-eq-bar:nth-child(4){animation-delay:.36s;} .rdj-eq-bar:nth-child(5){animation-delay:.18s;} .rdj-eq-bar:nth-child(6){animation-delay:.3s;}
  @keyframes rdj-eqmove{ 0%,100%{transform:scaleY(.3);} 50%{transform:scaleY(1);} }
  .rdj-shell.rdj-is-paused .rdj-eq-bar{animation-play-state:paused; transform:scaleY(.2) !important;}

  .rdj-wheel{transform-box:fill-box; transform-origin:center; animation:rdj-spin 2.2s linear infinite;}
  .rdj-shell.rdj-is-paused .rdj-wheel{animation-play-state:paused;}
  @keyframes rdj-spin{to{transform:rotate(360deg);}}

  .rdj-flag{ transform-box:fill-box; transform-origin:left center; animation:rdj-flagwave 1.5s ease-in-out infinite; }
  @keyframes rdj-flagwave{ 0%,100%{transform:skewY(-6deg);} 50%{transform:skewY(6deg);} }
  .rdj-shell.rdj-is-paused .rdj-flag{animation-play-state:paused;}

  .rdj-tassel{ transform-box:fill-box; transform-origin:top center; animation:rdj-tsway 1.8s ease-in-out infinite; }
  .rdj-tassel.rdj-t2{animation-delay:.2s;} .rdj-tassel.rdj-t3{animation-delay:.4s;} .rdj-tassel.rdj-t4{animation-delay:.6s;} .rdj-tassel.rdj-t5{animation-delay:.8s;}
  @keyframes rdj-tsway{ 0%,100%{transform:rotate(-5deg);} 50%{transform:rotate(5deg);} }
  .rdj-shell.rdj-is-paused .rdj-tassel{animation-play-state:paused;}

  /* dancers */
  .rdj-dancer{ transform-box:fill-box; transform-origin:bottom center; animation:rdj-bob 1s ease-in-out infinite; }
  .rdj-dancer.rdj-d2{animation-delay:.15s;} .rdj-dancer.rdj-d3{animation-delay:.3s;} .rdj-dancer.rdj-d4{animation-delay:.2s;} .rdj-dancer.rdj-d5{animation-delay:.35s;}
  @keyframes rdj-bob{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-5px);} }
  .rdj-skirt{ transform-box:fill-box; transform-origin:top center; animation:rdj-twirl 1s ease-in-out infinite; }
  .rdj-dancer.rdj-d3 .rdj-skirt{animation-delay:.15s;} .rdj-dancer.rdj-d5 .rdj-skirt{animation-delay:.3s;}
  @keyframes rdj-twirl{ 0%,100%{transform:scaleX(.85) rotate(-3deg);} 50%{transform:scaleX(1.2) rotate(3deg);} }
  .rdj-arm{ transform-box:fill-box; transform-origin:top center; animation:rdj-armwave .9s ease-in-out infinite; }
  .rdj-dancer.rdj-d2 .rdj-arm, .rdj-dancer.rdj-d4 .rdj-arm{animation-delay:.25s;}
  @keyframes rdj-armwave{ 0%,100%{transform:rotate(-10deg);} 50%{transform:rotate(10deg);} }
  .rdj-shell.rdj-is-paused .rdj-dancer, .rdj-shell.rdj-is-paused .rdj-skirt, .rdj-shell.rdj-is-paused .rdj-arm{animation-play-state:paused;}

  /* ---------- radio-style rdj-player bar ---------- */
  .rdj-player{
    flex:none;
    padding:8px 14px calc(10px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,#2b0e33d0,#180620f0);
    border-top:2px solid var(--rani-pink);
  }
  .rdj-now-playing{
    text-align:center;
    margin-bottom:8px;
  }
  .rdj-np-title{
    font-size:clamp(12px,2vh,15px);
    font-weight:600;
    color:#fff;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    max-width:90vw;
    margin:0 auto;
  }
  .rdj-np-sub{ font-size:11px; color:#ffffff85; }

  .rdj-controls-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:8px;
  }
  .rdj-ctrl-btn{
    background:#ffffff14; border:1px solid var(--line); color:#fff;
    width:38px;height:38px; border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer; font-size:15px;
    transition:background .15s ease, transform .15s ease;
    flex:none;
  }
  .rdj-ctrl-btn:hover{background:#ffffff26;transform:translateY(-1px);}
  .rdj-ctrl-btn.play{
    width:48px;height:48px;
    background:linear-gradient(135deg,var(--rani-pink),var(--kesariya));
    border:none; font-size:18px;
    box-shadow:0 6px 18px #E6007E55;
  }
  .rdj-ctrl-btn.rdj-btn-add{ font-size:19px; }

  .rdj-ad-note{
    text-align:center;
    font-size:10px;
    color:#ffffff60;
    margin-top:6px;
  }

  #rdj-fileInput{display:none;}
  #rdj-ytHost{position:absolute; width:2px; height:2px; opacity:0; pointer-events:none; overflow:hidden;}

  @media (max-height:640px){
    .rdj-hero-text{padding-top:4px;}
    .rdj-tagline{display:none;}
  }
  @media (max-height:520px){
    .rdj-eyebrow{display:none;}
  }