/* MU Embers Background (light, behind content) */
#mu-embers {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.mu-ember {
  position: absolute;
  width: 2px;
  height: 2px;
  background: radial-gradient(circle, rgba(255,180,120,0.9) 0%, rgba(255,126,51,0.0) 70%);
  filter: drop-shadow(0 0 6px rgba(255,126,51,0.75)) drop-shadow(0 0 10px rgba(138,60,244,0.35));
  will-change: transform, opacity;
  opacity: 0.75;
  border-radius: 50%;
  animation: ember-float linear infinite;
}
@keyframes ember-float {
  0%   { transform: translateY(0) translateX(0) scale(1); opacity: 0.0; }
  10%  { opacity: 0.85; }
  90%  { opacity: 0.75; }
  100% { transform: translateY(-120vh) translateX(var(--drift, 0)) scale(1.2); opacity: 0; }
}
.md-header, .md-main, .md-sidebar--primary { position: relative; z-index: 1; }