/* training-mode.css */
/* DivineTunes AURORA-X Training Mode Visual Layer */

.training-mode .channel-strip input[type=range],
.training-mode #crossfader,
.training-mode #master-gain {
  outline: 2px solid #00eaff;
  box-shadow: 0 0 12px #00eaff;
  transition: box-shadow 0.2s ease;
}

.training-highlight {
  box-shadow: 0 0 18px #ffdd55 !important;
}

.training-hint {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.75);
  padding: 10px 16px;
  border-radius: 8px;
  color: white;
  font-size: 14px;
  z-index: 9999;
  animation: fadeOut 2.5s ease forwards;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}
.training-step-highlight {
  outline: 2px solid #ffdd55;
  box-shadow: 0 0 16px #ffdd55;
}