frontend/src/components/EEGWave.css

.eeg-container {
  width: 120px;
  height: 36px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.eeg-svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Glow layer — blurred duplicate */
.eeg-glow {
  fill: none;
  stroke: var(--pulse);
  stroke-width: 3;
  filter: blur(3px);
  opacity: 0.35;
}

/* Sharp trace */
.eeg-trace {
  fill: none;
  stroke: var(--pulse);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Leading dot */
.eeg-lead {
  fill: var(--fire);
  filter: drop-shadow(0 0 4px var(--fire));
  opacity: 0.9;
}

/* Active: brighter and faster implied by animation dur already */
.eeg-container.active .eeg-trace {
  stroke: var(--fire);
}

.eeg-container.active .eeg-glow {
  stroke: var(--fire);
  opacity: 0.4;
}

[data-theme="light"] .eeg-glow,
[data-theme="light"] .eeg-trace {
  opacity: 0.7;
}