/* Adapted from Transitions.dev page side-by-side; no blur or full-screen slide. */
:root {
  --page-slide-dur: 250ms;
  --page-fade-dur: 250ms;
  --page-slide-distance: 8px;
  --page-slide-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --home-mode-enter-duration: var(--page-slide-dur);
  --home-mode-exit-duration: 150ms;
  --home-mode-distance: 6px;
  --home-mode-ease: var(--page-slide-ease);
}
.home-mode-view { min-width: 0; }
.home-mode-ghost {
  position: fixed;
  z-index: 4;
  overflow: hidden;
  box-sizing: border-box;
  pointer-events: none !important;
  user-select: none;
  contain: layout paint;
  background: var(--screen-bg, #f0f0f3);
}
.home-mode-ghost, .home-mode-ghost * {
  pointer-events: none !important;
  animation: none !important;
  transition: none !important;
}
.home-mode-ghost button:disabled { opacity: 1; cursor: default; }
@media (prefers-reduced-motion: reduce) {
  .home-mode-view { animation: none !important; transition: none !important; }
  .home-mode-ghost { display: none !important; }
}