/* mb-aurora.css v=a1: live animated aurora background for standalone classic pages (Oct 22) */
body::before, body::after {
  content: "";
  position: fixed;
  inset: -22%;
  pointer-events: none;
  z-index: -1;
  will-change: transform, opacity;
}
body::before {
  background:
    radial-gradient(42% 38% at 18% 22%, rgba(37,99,235,.22), transparent 70%),
    radial-gradient(40% 36% at 82% 16%, rgba(56,189,248,.16), transparent 72%),
    radial-gradient(46% 42% at 50% 88%, rgba(124,58,237,.16), transparent 74%);
  animation: mb-aurora-a 34s ease-in-out infinite alternate;
}
body::after {
  background:
    radial-gradient(36% 34% at 78% 74%, rgba(34,211,238,.13), transparent 70%),
    radial-gradient(38% 34% at 12% 78%, rgba(219,39,119,.11), transparent 72%);
  animation: mb-aurora-b 46s ease-in-out infinite alternate;
}
@keyframes mb-aurora-a {
  0%   { transform: translate(0,0) scale(1); opacity:.85 }
  50%  { transform: translate(4%,-3%) scale(1.08); opacity:1 }
  100% { transform: translate(-3%,4%) scale(1.04); opacity:.9 }
}
@keyframes mb-aurora-b {
  0%   { transform: translate(0,0) scale(1.05); opacity:.8 }
  100% { transform: translate(5%,3%) scale(1); opacity:1 }
}
@media (prefers-reduced-motion: reduce) { body::before, body::after { animation: none } }