/* Мягкие переходы между страницами: нативный View Transitions API.
   Где не поддерживается — страница просто меняется мгновенно, без ошибок. */
@view-transition {
    navigation: auto;
}

::view-transition-old(root) {
    animation: sr-vt-out 140ms ease both;
}

::view-transition-new(root) {
    animation: sr-vt-in 220ms cubic-bezier(0.2, 0.6, 0.2, 1) both;
}

@keyframes sr-vt-out {
    to {
        opacity: 0;
    }
}

@keyframes sr-vt-in {
    from {
        opacity: 0;
    }
}

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