/* Native route continuity keeps fixed app chrome stable and transitions only
   the operational workspace. Motion Mini replaces CSS entrances once its
   exact-pinned, idle-loaded runtime is ready; CSS remains the offline fallback. */
@view-transition {
  navigation: auto;
}

@supports (view-transition-name: none) {
  :root { view-transition-name: none; }
  #view,
  .set-main,
  body > main#main,
  body > main#analytics-root { view-transition-name: refera-workspace; }
  ::view-transition-old(refera-workspace) {
    animation: refera-view-out 1ms linear both;
  }
  ::view-transition-new(refera-workspace) {
    animation: refera-view-in var(--refera-motion-duration-standard) var(--refera-motion-easing-emphasized) both;
  }
}

@keyframes refera-view-out {
  to { opacity: 0; }
}

@keyframes refera-view-in {
  from { opacity: 0; }
}

[data-motion-enhanced="true"] { animation: none !important; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(refera-workspace),
  ::view-transition-new(refera-workspace) { animation: none !important; }
}