 /* ============================================ */
    /* SCOPED RESET — only inside .dr-header       */
    /* ============================================ */
    .dr-header,
    .dr-header *,
    .dr-header *::before,
    .dr-header *::after,
    .dr-header-iso-panel-overlay,
    .dr-header-iso-panel,
    .dr-header-iso-panel *,
    .dr-header-iso-panel *::before,
    .dr-header-iso-panel *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .dr-header {
      position: relative;
      padding: 55px 20px 50px;
      background: radial-gradient(ellipse at center, #1a0a2e 0%, #0d0015 50%, #000000 100%);
      overflow: hidden;
      border-bottom: 2px solid #9b59b6;
      font-family: 'Rajdhani', sans-serif;
      min-height: 520px;
      z-index: 1;
    }

    /* === ANIMATED STARS === */
    .dr-header::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(180,140,255,0.7), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(140,200,255,0.5), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,215,0,0.6), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(180,140,255,0.4), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(140,200,255,0.5), transparent),
        radial-gradient(1px 1px at 200px 60px, rgba(255,215,0,0.3), transparent),
        radial-gradient(2px 2px at 250px 20px, rgba(180,140,255,0.6), transparent),
        radial-gradient(1px 1px at 300px 50px, rgba(140,200,255,0.4), transparent),
        radial-gradient(2px 2px at 350px 70px, rgba(255,215,0,0.5), transparent),
        radial-gradient(1px 1px at 400px 25px, rgba(180,140,255,0.5), transparent);
      background-size: 420px 100px;
      animation: drHeader_twinkle 8s ease-in-out infinite alternate;
      opacity: 0.6;
      z-index: 0;
    }

    @keyframes drHeader_twinkle {
      0% { opacity: 0.4; }
      50% { opacity: 0.8; }
      100% { opacity: 0.5; }
    }

    /* === SACRED GEOMETRY BACKGROUND === */
    .dr-header-sacred-bg {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      width: 600px; height: 600px;
      opacity: 0.06;
      z-index: 0;
      animation: drHeader_sacredSpin 120s linear infinite;
    }

    @keyframes drHeader_sacredSpin {
      from { transform: translate(-50%, -50%) rotate(0deg); }
      to { transform: translate(-50%, -50%) rotate(360deg); }
    }

    /* === GNOSTIC BORDERS === */
    .dr-header-border-top {
      position: absolute;
      top: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, transparent, #9b59b6, #ffd700, #00d4ff, #ffd700, #9b59b6, transparent);
      animation: drHeader_borderGlow 4s ease-in-out infinite;
      z-index: 5;
    }
    .dr-header-border-bottom {
      position: absolute;
      bottom: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, transparent, #00d4ff, #ffd700, #9b59b6, #ffd700, #00d4ff, transparent);
      animation: drHeader_borderGlow 4s ease-in-out infinite reverse;
      z-index: 5;
    }

    @keyframes drHeader_borderGlow {
      0%, 100% { opacity: 0.7; filter: blur(0px); }
      50% { opacity: 1; filter: blur(1px); }
    }

    /* === GNOSTIC CORNER SYMBOLS === */
    .dr-header-corner {
      position: absolute;
      font-size: 28px;
      opacity: 0.25;
      z-index: 1;
      animation: drHeader_symbolPulse 5s ease-in-out infinite;
      color: #9b59b6;
      text-shadow: 0 0 15px rgba(155,89,182,0.5);
    }
    .dr-header-corner.dr-header-tl { top: 12px; left: 20px; }
    .dr-header-corner.dr-header-tr { top: 12px; right: 20px; animation-delay: 1.25s; }
    .dr-header-corner.dr-header-bl { bottom: 12px; left: 20px; animation-delay: 2.5s; }
    .dr-header-corner.dr-header-br { bottom: 12px; right: 20px; animation-delay: 3.75s; }

    @keyframes drHeader_symbolPulse {
      0%, 100% { opacity: 0.2; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(1.15); }
    }

    /* ============================================ */
    /* === CHAKRA COLUMNS (LEFT & RIGHT) ========= */
    /* ============================================ */
    .dr-header-chakra-column {
      position: absolute;
      top: 10%; bottom: 10%;
      width: 50px;
      z-index: 3;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }
    .dr-header-chakra-column.dr-header-left { left: 10px; }
    .dr-header-chakra-column.dr-header-right { right: 10px; }

    .dr-header-chakra-node {
      position: relative;
      width: 18px; height: 18px;
      border-radius: 50%;
      cursor: pointer;
      transition: all 0.4s ease;
      z-index: 4;
      animation: drHeader_chakraConstantGlow 2.5s ease-in-out infinite;
    }
    .dr-header-chakra-node::before {
      content: '';
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      border: 1px solid currentColor;
      opacity: 0.3;
      transition: all 0.4s ease;
      animation: drHeader_chakraRingPulse 3s ease-in-out infinite;
    }

    @keyframes drHeader_chakraConstantGlow {
      0%, 100% {
        box-shadow: 0 0 8px currentColor, 0 0 16px currentColor;
        transform: scale(1);
      }
      50% {
        box-shadow: 0 0 15px currentColor, 0 0 30px currentColor, 0 0 45px currentColor;
        transform: scale(1.15);
      }
    }

    @keyframes drHeader_chakraRingPulse {
      0%, 100% { inset: -4px; opacity: 0.3; }
      50% { inset: -8px; opacity: 0.6; }
    }

    .dr-header-chakra-node.dr-header-activated {
      transform: scale(1.6);
      box-shadow: 0 0 25px currentColor, 0 0 50px currentColor, 0 0 75px currentColor;
      animation: drHeader_chakraActivatedGlow 1.5s ease-in-out infinite;
    }
    .dr-header-chakra-node.dr-header-activated::before {
      opacity: 0.8;
      animation: drHeader_chakraRing 1s ease-out infinite;
    }

    @keyframes drHeader_chakraActivatedGlow {
      0%, 100% {
        box-shadow: 0 0 25px currentColor, 0 0 50px currentColor, 0 0 75px currentColor;
        transform: scale(1.6);
      }
      50% {
        box-shadow: 0 0 35px currentColor, 0 0 70px currentColor, 0 0 100px currentColor;
        transform: scale(1.75);
      }
    }

    @keyframes drHeader_chakraRing {
      0% { inset: -4px; opacity: 0.8; }
      100% { inset: -20px; opacity: 0; }
    }

    /* Frequency label */
    .dr-header-freq-label {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 10px;
      font-family: 'Rajdhani', sans-serif;
      font-weight: 600;
      color: #ffd700;
      white-space: nowrap;
      opacity: 0;
      transition: opacity 0.3s ease;
      text-shadow: 0 0 8px rgba(255,215,0,0.8);
      pointer-events: none;
    }
    .dr-header-chakra-column.dr-header-left .dr-header-freq-label { left: 28px; }
    .dr-header-chakra-column.dr-header-right .dr-header-freq-label { right: 28px; }
    .dr-header-chakra-node.dr-header-activated .dr-header-freq-label { opacity: 1; }

    /* Chakra colors */
    .dr-header-chakra-node[data-chakra="root"]    { background: #ff0000; color: #ff0000; }
    .dr-header-chakra-node[data-chakra="sacral"]  { background: #ff7700; color: #ff7700; }
    .dr-header-chakra-node[data-chakra="solar"]   { background: #ffdd00; color: #ffdd00; }
    .dr-header-chakra-node[data-chakra="heart"]   { background: #00cc44; color: #00cc44; }
    .dr-header-chakra-node[data-chakra="throat"]  { background: #00bbff; color: #00bbff; }
    .dr-header-chakra-node[data-chakra="third"]   { background: #4400cc; color: #4400cc; }
    .dr-header-chakra-node[data-chakra="crown"]   { background: #9b00ff; color: #9b00ff; }

    /* Stagger the glow animation */
    .dr-header-chakra-node:nth-child(1) { animation-delay: 0s; }
    .dr-header-chakra-node:nth-child(2) { animation-delay: 0.35s; }
    .dr-header-chakra-node:nth-child(3) { animation-delay: 0.7s; }
    .dr-header-chakra-node:nth-child(4) { animation-delay: 1.05s; }
    .dr-header-chakra-node:nth-child(5) { animation-delay: 1.4s; }
    .dr-header-chakra-node:nth-child(6) { animation-delay: 1.75s; }
    .dr-header-chakra-node:nth-child(7) { animation-delay: 2.1s; }

    /* ============================================ */
    /* === KUNDALINI SNAKES (SVG) ================ */
    /* ============================================ */
    .dr-header-kundalini-svg {
      position: absolute;
      top: 8%; bottom: 8%;
      width: 80px;
      z-index: 2;
      opacity: 0.5;
      overflow: visible;
    }
    .dr-header-kundalini-svg.dr-header-left { left: 20px; }
    .dr-header-kundalini-svg.dr-header-right { right: 20px; }

    .dr-header-snake-path {
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
      filter: drop-shadow(0 0 6px var(--dr-header-snake-color));
    }
    .dr-header-snake-left-path {
      stroke: #ffd700;
      --dr-header-snake-color: rgba(255,215,0,0.6);
      stroke-dasharray: 800;
      stroke-dashoffset: 800;
      animation: drHeader_snakeClimbLeft 4s ease-in-out forwards;
      animation-delay: 1s;
    }
    .dr-header-snake-right-path {
      stroke: #00d4ff;
      --dr-header-snake-color: rgba(0,212,255,0.6);
      stroke-dasharray: 800;
      stroke-dashoffset: 800;
      animation: drHeader_snakeClimbRight 4s ease-in-out forwards;
      animation-delay: 1.5s;
    }

    @keyframes drHeader_snakeClimbLeft {
      0%   { stroke-dashoffset: 800; opacity: 0.3; }
      100% { stroke-dashoffset: 0; opacity: 0.7; }
    }
    @keyframes drHeader_snakeClimbRight {
      0%   { stroke-dashoffset: 800; opacity: 0.3; }
      100% { stroke-dashoffset: 0; opacity: 0.7; }
    }

    /* Snake pulse after climbing */
    .dr-header-snake-path.dr-header-snake-active {
      animation: drHeader_snakePulse 3s ease-in-out infinite !important;
      stroke-dashoffset: 0 !important;
    }
    @keyframes drHeader_snakePulse {
      0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 6px var(--dr-header-snake-color)); }
      50% { opacity: 0.9; filter: drop-shadow(0 0 15px var(--dr-header-snake-color)) drop-shadow(0 0 30px var(--dr-header-snake-color)); }
    }

    /* ============================================ */
    /* === KUNDALINI ENERGY BURST ================ */
    /* ============================================ */
    .dr-header-kundalini-burst {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      z-index: 10;
      pointer-events: none;
      opacity: 0;
      background: radial-gradient(ellipse at center,
        rgba(255,215,0,0.3) 0%,
        rgba(155,89,182,0.2) 30%,
        rgba(0,212,255,0.1) 60%,
        transparent 80%);
      transition: opacity 1s ease;
    }
    .dr-header-kundalini-burst.dr-header-burst-active {
      animation: drHeader_kundaliniBurst 3s ease-out forwards;
    }
    @keyframes drHeader_kundaliniBurst {
      0%   { opacity: 0; transform: scale(0.8); }
      20%  { opacity: 1; transform: scale(1.05); }
      60%  { opacity: 0.7; transform: scale(1); }
      100% { opacity: 0.15; transform: scale(1); }
    }

    /* Energy column rising */
    .dr-header-energy-column {
      position: absolute;
      left: 50%; bottom: 0;
      transform: translateX(-50%);
      width: 4px;
      height: 0;
      background: linear-gradient(to top, #ff0000, #ff7700, #ffdd00, #00cc44, #00bbff, #4400cc, #9b00ff, #fff);
      z-index: 8;
      pointer-events: none;
      opacity: 0;
      border-radius: 2px;
      box-shadow: 0 0 20px rgba(255,215,0,0.5), 0 0 40px rgba(155,89,182,0.3);
    }
    .dr-header-energy-column.dr-header-rising {
      animation: drHeader_energyRise 2s ease-out forwards;
    }
    @keyframes drHeader_energyRise {
      0%   { height: 0; opacity: 0; width: 4px; }
      30%  { opacity: 1; width: 6px; }
      70%  { width: 8px; }
      100% { height: 100%; opacity: 0.6; width: 3px; }
    }

    /* ============================================ */
    /* === CONTROL TOGGLES ======================= */
    /* ============================================ */
    .dr-header-controls-panel {
      position: absolute;
      top: 10px; right: 60px;
      z-index: 20;
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }
    .dr-header-ctrl-btn {
      display: flex;
      align-items: center;
      gap: 4px;
      padding: 4px 10px;
      border-radius: 15px;
      border: 1px solid rgba(155,89,182,0.5);
      background: rgba(13,0,21,0.85);
      color: rgba(200,180,230,0.8);
      font-family: 'Rajdhani', sans-serif;
      font-size: 11px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      letter-spacing: 0.5px;
      user-select: none;
    }
    .dr-header-ctrl-btn:hover {
      border-color: #ffd700;
      color: #ffd700;
      box-shadow: 0 0 12px rgba(255,215,0,0.2);
    }
    .dr-header-ctrl-btn.dr-header-ctrl-active {
      border-color: #00cc44;
      color: #00cc44;
      box-shadow: 0 0 10px rgba(0,204,68,0.3);
    }
    .dr-header-ctrl-indicator {
      width: 6px; height: 6px;
      border-radius: 50%;
      background: #ff4444;
      transition: background 0.3s ease;
    }
    .dr-header-ctrl-btn.dr-header-ctrl-active .dr-header-ctrl-indicator {
      background: #00cc44;
      box-shadow: 0 0 8px rgba(0,204,68,0.6);
    }

    /* ============================================ */
    /* === MAIN CONTENT === */
    /* ============================================ */
    .dr-content {
      position: relative;
      z-index: 5;
      text-align: center;
      max-width: 800px;
      margin: 0 auto;
    }

    .dr-title-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin-bottom: 10px;
      flex-wrap: wrap;
    }

    .dr-logo {
      width: 90px; height: 90px;
      border-radius: 50%;
      border: 2px solid rgba(155,89,182,0.5);
      padding: 5px;
      background: radial-gradient(circle, rgba(155,89,182,0.15) 0%, transparent 70%);
      animation: drHeader_logoPulse 4s ease-in-out infinite;
      filter: drop-shadow(0 0 15px rgba(155,89,182,0.4));
    }

    @keyframes drHeader_logoPulse {
      0%, 100% { border-color: rgba(155,89,182,0.5); filter: drop-shadow(0 0 15px rgba(155,89,182,0.4)); }
      33% { border-color: rgba(255,215,0,0.6); filter: drop-shadow(0 0 20px rgba(255,215,0,0.4)); }
      66% { border-color: rgba(0,212,255,0.5); filter: drop-shadow(0 0 15px rgba(0,212,255,0.4)); }
    }

    .dr-title {
      font-family: 'Cinzel', serif;
      font-size: 46px;
      font-weight: 900;
      letter-spacing: 6px;
      background: linear-gradient(135deg, #ffd700 0%, #ffffff 30%, #ffd700 50%, #ffffff 70%, #ffd700 100%);
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: drHeader_goldShimmer 5s linear infinite;
      margin: 0;
      line-height: 1.2;
    }

    @keyframes drHeader_goldShimmer {
      to { background-position: 200% center; }
    }

    .dr-divider {
      width: 200px; height: 1px;
      margin: 12px auto 14px;
      background: linear-gradient(90deg, transparent, #9b59b6, #ffd700, #9b59b6, transparent);
      position: relative;
    }
    .dr-divider::after {
      content: '\u25C6';
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      color: #ffd700;
      font-size: 12px;
      text-shadow: 0 0 10px rgba(255,215,0,0.6);
      background: #0d0015;
      padding: 0 8px;
    }

    .dr-tagline {
      font-family: 'Cinzel', serif;
      font-size: 17px;
      color: rgba(255,255,255,0.85);
      letter-spacing: 4px;
      text-transform: uppercase;
      margin-bottom: 16px;
      font-weight: 400;
    }

    .dr-desc {
      font-size: 15px;
      color: rgba(200,180,230,0.85);
      line-height: 1.6;
      max-width: 700px;
      margin: 0 auto 20px;
      font-weight: 300;
    }

    /* === TOPIC LINKS === */
    .dr-topics { margin-bottom: 25px; }
    .dr-topics-label {
      font-family: 'Cinzel', serif;
      font-size: 13px;
      color: rgba(255,215,0,0.7);
      letter-spacing: 3px;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    .dr-topics-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
    }
    .dr-topic-link {
      display: inline-block;
      padding: 6px 18px;
      border: 1px solid rgba(155,89,182,0.4);
      border-radius: 25px;
      color: #00d4ff !important;
      text-decoration: none !important;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 1px;
      transition: all 0.4s ease;
      background: rgba(155,89,182,0.08);
      text-shadow: 0 0 8px rgba(0,212,255,0.3);
    }
    .dr-topic-link:hover {
      background: rgba(155,89,182,0.25);
      border-color: #ffd700;
      color: #ffd700 !important;
      box-shadow: 0 0 20px rgba(255,215,0,0.2), inset 0 0 20px rgba(255,215,0,0.05);
      text-shadow: 0 0 10px rgba(255,215,0,0.5);
      transform: translateY(-2px);
    }

    /* === CTA === */
    .dr-cta {
      display: inline-block;
      padding: 14px 40px;
      border: 2px solid #ffd700;
      border-radius: 50px;
      color: #ffd700 !important;
      text-decoration: none !important;
      font-family: 'Cinzel', serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 3px;
      text-transform: uppercase;
      transition: all 0.4s ease;
      background: transparent;
      position: relative;
      overflow: hidden;
      text-shadow: 0 0 10px rgba(255,215,0,0.4);
      animation: drHeader_ctaGlow 3s ease-in-out infinite;
    }
    @keyframes drHeader_ctaGlow {
      0%, 100% { box-shadow: 0 0 15px rgba(255,215,0,0.15), inset 0 0 15px rgba(255,215,0,0.05); }
      50% { box-shadow: 0 0 30px rgba(255,215,0,0.3), inset 0 0 30px rgba(255,215,0,0.1); }
    }
    .dr-cta::before {
      content: '';
      position: absolute;
      top: 0; left: -100%; width: 100%; height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,215,0,0.15), transparent);
      transition: left 0.6s ease;
    }
    .dr-cta:hover::before { left: 100%; }
    .dr-cta:hover {
      background: rgba(255,215,0,0.12);
      box-shadow: 0 0 40px rgba(255,215,0,0.4), inset 0 0 40px rgba(255,215,0,0.1);
      transform: translateY(-3px);
      color: #fff !important;
    }

    /* === FLOATING SYMBOLS === */
    .dr-header-float-symbol {
      position: absolute;
      font-size: 22px;
      opacity: 0.08;
      z-index: 0;
      animation: drHeader_floatSymbol 20s ease-in-out infinite;
      color: #9b59b6;
    }
    .dr-header-float-symbol:nth-child(1) { top: 20%; left: 8%; animation-duration: 18s; }
    .dr-header-float-symbol:nth-child(2) { top: 60%; left: 5%; animation-delay: 3s; animation-duration: 22s; }
    .dr-header-float-symbol:nth-child(3) { top: 30%; right: 8%; animation-delay: 6s; animation-duration: 20s; }
    .dr-header-float-symbol:nth-child(4) { top: 70%; right: 5%; animation-delay: 9s; animation-duration: 24s; }
    .dr-header-float-symbol:nth-child(5) { top: 45%; left: 12%; animation-delay: 2s; animation-duration: 19s; }
    .dr-header-float-symbol:nth-child(6) { top: 15%; right: 12%; animation-delay: 5s; animation-duration: 21s; }

    @keyframes drHeader_floatSymbol {
      0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.06; }
      25% { transform: translateY(-15px) rotate(5deg); opacity: 0.12; }
      75% { transform: translateY(15px) rotate(-5deg); opacity: 0.12; }
    }

    /* ============================================ */
    /* === ISOCHRONIC TONE PLAYER ================ */
    /* ============================================ */
    .dr-header-iso-trigger {
      position: relative;
      cursor: pointer;
    }
    .dr-header-iso-trigger .dr-header-iso-ring {
      display: inline-block;
      width: 8px; height: 8px;
      border-radius: 50%;
      border: 1.5px solid #00d4ff;
      margin-right: 4px;
      vertical-align: middle;
      animation: drHeader_isoRingIdle 2s ease-in-out infinite;
    }
    .dr-header-iso-trigger.dr-header-iso-playing .dr-header-iso-ring {
      background: #00d4ff;
      box-shadow: 0 0 8px #00d4ff;
      animation: drHeader_isoRingPlay 0.5s ease-in-out infinite;
    }
    @keyframes drHeader_isoRingIdle {
      0%,100% { opacity: 0.6; } 50% { opacity: 1; }
    }
    @keyframes drHeader_isoRingPlay {
      0%,100% { transform: scale(1); box-shadow: 0 0 8px #00d4ff; }
      50% { transform: scale(1.3); box-shadow: 0 0 16px #00d4ff, 0 0 24px rgba(0,212,255,0.4); }
    }

    /* Panel overlay */
    .dr-header-iso-panel-overlay {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.7);
      backdrop-filter: blur(6px);
      z-index: 99990;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.4s ease;
    }
    .dr-header-iso-panel-overlay.dr-header-iso-open {
      opacity: 1;
      pointer-events: all;
    }

    /* Main panel */
    .dr-header-iso-panel {
      position: fixed;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%) scale(0.9);
      width: 680px;
      max-width: 95vw;
      max-height: 88vh;
      background: linear-gradient(160deg, #0d0520 0%, #1a0a35 40%, #0a0a1f 100%);
      border: 1px solid rgba(155,89,182,0.4);
      border-radius: 20px;
      z-index: 99991;
      overflow: hidden;
      opacity: 0;
      pointer-events: none;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 0 60px rgba(155,89,182,0.2), 0 0 120px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05);
    }
    .dr-header-iso-panel.dr-header-iso-open {
      opacity: 1;
      pointer-events: all;
      transform: translate(-50%, -50%) scale(1);
    }

    .dr-header-iso-panel-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 18px 24px 14px;
      border-bottom: 1px solid rgba(155,89,182,0.2);
      background: rgba(155,89,182,0.06);
    }
    .dr-header-iso-panel-title {
      font-family: 'Cinzel', serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 3px;
      background: linear-gradient(90deg, #ffd700, #fff, #00d4ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .dr-header-iso-panel-close {
      width: 32px; height: 32px;
      border-radius: 50%;
      border: 1px solid rgba(155,89,182,0.4);
      background: rgba(155,89,182,0.1);
      color: rgba(200,180,230,0.8);
      font-size: 18px;
      cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: all 0.3s;
    }
    .dr-header-iso-panel-close:hover {
      background: rgba(255,80,80,0.2);
      border-color: #ff5050;
      color: #ff5050;
    }

    /* Now-playing bar */
    .dr-header-iso-now-playing {
      display: none;
      padding: 12px 24px;
      background: rgba(0,212,255,0.06);
      border-bottom: 1px solid rgba(0,212,255,0.15);
      align-items: center;
      gap: 12px;
    }
    .dr-header-iso-now-playing.dr-header-iso-np-active { display: flex; }

    .dr-header-iso-np-viz {
      width: 50px; height: 30px;
      display: flex; align-items: flex-end; gap: 2px;
    }
    .dr-header-iso-np-bar {
      flex: 1;
      background: var(--dr-header-iso-color, #00d4ff);
      border-radius: 2px 2px 0 0;
      animation: drHeader_isoBar 0.6s ease-in-out infinite alternate;
    }
    .dr-header-iso-np-bar:nth-child(1) { animation-delay: 0s; height: 40%; }
    .dr-header-iso-np-bar:nth-child(2) { animation-delay: 0.1s; height: 70%; }
    .dr-header-iso-np-bar:nth-child(3) { animation-delay: 0.2s; height: 50%; }
    .dr-header-iso-np-bar:nth-child(4) { animation-delay: 0.15s; height: 90%; }
    .dr-header-iso-np-bar:nth-child(5) { animation-delay: 0.05s; height: 60%; }
    @keyframes drHeader_isoBar {
      0% { transform: scaleY(0.4); } 100% { transform: scaleY(1); }
    }

    .dr-header-iso-np-info { flex: 1; }
    .dr-header-iso-np-name {
      font-family: 'Cinzel', serif;
      font-size: 13px;
      font-weight: 600;
      color: #ffd700;
      letter-spacing: 1px;
    }
    .dr-header-iso-np-freq {
      font-size: 11px;
      color: rgba(200,180,230,0.7);
      margin-top: 2px;
    }
    .dr-header-iso-np-timer {
      font-family: 'Rajdhani', sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: #00d4ff;
      letter-spacing: 2px;
      min-width: 60px;
      text-align: center;
    }
    .dr-header-iso-np-stop {
      width: 34px; height: 34px;
      border-radius: 50%;
      border: 2px solid #ff5050;
      background: rgba(255,80,80,0.1);
      color: #ff5050;
      font-size: 14px;
      cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: all 0.3s;
    }
    .dr-header-iso-np-stop:hover {
      background: rgba(255,80,80,0.3);
      box-shadow: 0 0 15px rgba(255,80,80,0.3);
    }

    /* Subliminal display */
    .dr-header-iso-subliminal {
      text-align: center;
      padding: 6px 24px;
      min-height: 28px;
      font-family: 'Rajdhani', sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: rgba(255,215,0,0.5);
      letter-spacing: 2px;
      transition: all 0.8s ease;
      opacity: 0;
    }
    .dr-header-iso-subliminal.dr-header-iso-sub-show {
      opacity: 1;
      animation: drHeader_subliminalFlash 4s ease-in-out;
    }
    @keyframes drHeader_subliminalFlash {
      0% { opacity: 0; transform: scale(0.95); }
      15% { opacity: 0.8; transform: scale(1); }
      85% { opacity: 0.8; }
      100% { opacity: 0; transform: scale(0.95); }
    }

    /* Program grid */
    .dr-header-iso-programs {
      padding: 16px 20px;
      overflow-y: auto;
      max-height: calc(88vh - 200px);
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }
    .dr-header-iso-programs::-webkit-scrollbar { width: 6px; }
    .dr-header-iso-programs::-webkit-scrollbar-track { background: rgba(155,89,182,0.05); }
    .dr-header-iso-programs::-webkit-scrollbar-thumb { background: rgba(155,89,182,0.3); border-radius: 3px; }

    .dr-header-iso-card {
      position: relative;
      padding: 14px;
      border-radius: 14px;
      border: 1px solid rgba(155,89,182,0.2);
      background: rgba(155,89,182,0.04);
      cursor: pointer;
      transition: all 0.35s ease;
      overflow: hidden;
    }
    .dr-header-iso-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: var(--dr-header-iso-color, #9b59b6);
      opacity: 0.5;
      border-radius: 14px 14px 0 0;
      transition: opacity 0.3s;
    }
    .dr-header-iso-card:hover {
      border-color: var(--dr-header-iso-color, #9b59b6);
      background: rgba(155,89,182,0.1);
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.3), 0 0 20px color-mix(in srgb, var(--dr-header-iso-color, #9b59b6) 20%, transparent);
    }
    .dr-header-iso-card:hover::before { opacity: 1; }
    .dr-header-iso-card.dr-header-iso-card-active {
      border-color: var(--dr-header-iso-color, #00d4ff);
      background: rgba(0,212,255,0.08);
      box-shadow: 0 0 25px color-mix(in srgb, var(--dr-header-iso-color, #00d4ff) 20%, transparent), inset 0 0 30px rgba(0,0,0,0.3);
    }
    .dr-header-iso-card.dr-header-iso-card-active::before { opacity: 1; height: 3px; }
    .dr-header-iso-card.dr-header-iso-card-active::after {
      content: '\u25B6';
      position: absolute;
      top: 10px; right: 12px;
      font-size: 10px;
      color: var(--dr-header-iso-color, #00d4ff);
      animation: drHeader_isoPlayIcon 1s ease-in-out infinite;
    }
    @keyframes drHeader_isoPlayIcon {
      0%,100% { opacity: 0.6; } 50% { opacity: 1; }
    }

    .dr-header-iso-card-icon {
      font-size: 22px;
      margin-bottom: 6px;
      display: block;
    }
    .dr-header-iso-card-name {
      font-family: 'Cinzel', serif;
      font-size: 12px;
      font-weight: 600;
      color: rgba(255,255,255,0.9);
      letter-spacing: 0.5px;
      margin-bottom: 4px;
      line-height: 1.3;
    }
    .dr-header-iso-card-wave {
      font-family: 'Rajdhani', sans-serif;
      font-size: 11px;
      font-weight: 600;
      color: var(--dr-header-iso-color, #9b59b6);
      letter-spacing: 1px;
      margin-bottom: 3px;
    }
    .dr-header-iso-card-desc {
      font-size: 10px;
      color: rgba(200,180,230,0.6);
      line-height: 1.4;
    }

    /* Volume control */
    .dr-header-iso-volume-wrap {
      padding: 8px 24px 12px;
      display: flex;
      align-items: center;
      gap: 10px;
      border-top: 1px solid rgba(155,89,182,0.1);
    }
    .dr-header-iso-volume-label {
      font-size: 11px;
      color: rgba(200,180,230,0.6);
      font-weight: 600;
      letter-spacing: 1px;
      min-width: 55px;
    }
    .dr-header-iso-volume-slider {
      flex: 1;
      -webkit-appearance: none;
      appearance: none;
      height: 4px;
      border-radius: 2px;
      background: rgba(155,89,182,0.2);
      outline: none;
    }
    .dr-header-iso-volume-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 14px; height: 14px;
      border-radius: 50%;
      background: #ffd700;
      cursor: pointer;
      box-shadow: 0 0 8px rgba(255,215,0,0.4);
    }

    @media (max-width: 768px) {
      .dr-header-iso-programs {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 12px 14px;
      }
      .dr-header-iso-panel {
        width: 98vw;
        max-height: 92vh;
        border-radius: 14px;
      }
      .dr-header-iso-panel-title { font-size: 14px; letter-spacing: 1.5px; }
      .dr-header-iso-card { padding: 10px; }
      .dr-header-iso-card-name { font-size: 11px; }
    }
    @media (max-width: 480px) {
      .dr-header-iso-programs { grid-template-columns: 1fr 1fr; }
      .dr-header-iso-card-icon { font-size: 18px; }
    }

    /* === STATUS MESSAGE === */
    .dr-header-status-msg {
      position: absolute;
      bottom: 15px; left: 50%;
      transform: translateX(-50%);
      z-index: 20;
      font-family: 'Rajdhani', sans-serif;
      font-size: 12px;
      font-weight: 600;
      color: rgba(255,215,0,0.8);
      letter-spacing: 2px;
      text-transform: uppercase;
      text-shadow: 0 0 10px rgba(255,215,0,0.4);
      opacity: 0;
      transition: opacity 0.5s ease;
      white-space: nowrap;
    }
    .dr-header-status-msg.dr-header-status-visible { opacity: 1; }

    /* === MOBILE === */
    @media (max-width: 768px) {
      .dr-header { padding: 35px 15px 35px; min-height: auto; }
      .dr-title { font-size: 28px; letter-spacing: 3px; }
      .dr-logo { width: 65px; height: 65px; }
      .dr-tagline { font-size: 13px; letter-spacing: 2px; }
      .dr-desc { font-size: 13px; }
      .dr-topic-link { font-size: 11px; padding: 5px 14px; }
      .dr-cta { font-size: 12px; padding: 12px 30px; letter-spacing: 2px; }
      .dr-header-corner { font-size: 20px; }
      .dr-header-chakra-column { display: none; }
      .dr-header-kundalini-svg { display: none; }
      .dr-header-float-symbol { display: none; }
      .dr-header-controls-panel { right: 10px; top: 6px; gap: 5px; flex-wrap: wrap; }
      .dr-header-ctrl-btn { font-size: 10px; padding: 3px 7px; }
    }
    @media (max-width: 480px) {
      .dr-title { font-size: 24px; letter-spacing: 2px; }
      .dr-logo { width: 55px; height: 55px; }
      .dr-title-row { gap: 12px; }
    }



