::view-transition-old(root) {
    animation: 0.3s ease-out both slide-left;
}

::view-transition-new(root) {
    animation: 0.3s ease-out both slide-right;
}

@keyframes slide-left {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(-50px); }
}

@keyframes slide-right {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}