/* AURORA-X Visualizer Glow — Cosmic Nebula Edition */

.visualizer-container {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 50%, rgba(0,255,255,0.15), rgba(0,0,20,0.95));
}

/* Nebula glow layer */
.visualizer-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(0,255,255,0.35), transparent 60%),
    radial-gradient(circle at 80% 70%, rgba(255,0,255,0.25), transparent 60%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15), transparent 70%);
  filter: blur(40px);
  opacity: 0.65;
  mix-blend-mode: screen;
}

/* Energy pulse */
.visualizer-energy {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle, rgba(255,0,255,0.35), transparent 70%);
  opacity: 0;
  transition: opacity 0.15s ease-out;
  mix-blend-mode: screen;
}

.visualizer-energy.active {
  opacity: 0.85;
}

/* Bars glow */
.visualizer-bars div {
  background: linear-gradient(
    to top,
    rgba(0,255,255,0.85),
    rgba(255,0,255,0.85)
  );
  box-shadow:
    0 0 12px rgba(0,255,255,0.55),
    0 0 18px rgba(255,0,255,0.45);
}