/* Live content stays interactive; do not snapshot a whole page while its modules initialize. */
@view-transition { navigation: none; }
html { background-color: var(--bg); }
@media (prefers-reduced-motion: no-preference) {
  body { animation: e3-page-arrive 120ms ease-out; }
  .mode-section.active { animation: e3-panel-arrive 170ms ease-out; }
}

@keyframes e3-page-arrive { from { opacity: .82; } to { opacity: 1; } }
@keyframes e3-panel-arrive {
  from { opacity: .72; transform: translateY(4px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  body { animation: none; }
}