/* Keep directional feedback without capturing and animating whole-page snapshots. */
@view-transition { navigation: none; }
@keyframes lh-light-fade { from { opacity: .88; } to { opacity: 1; } }
@keyframes lh-light-forward {
    from { opacity: .9; transform: translateX(10px); }
    to { opacity: 1; transform: none; }
}
@keyframes lh-light-back {
    from { opacity: .9; transform: translateX(-10px); }
    to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: no-preference) {
    .pro-main { animation: lh-light-fade 140ms ease-out; }
    html[data-lh-navigation="forward"] .pro-main {
        animation: lh-light-forward 160ms cubic-bezier(.22,1,.36,1);
    }
    html[data-lh-navigation="back"] .pro-main {
        animation: lh-light-back 160ms cubic-bezier(.22,1,.36,1);
    }
    .app-button, .analysis-view-switch button, .notification-filter, .hub-tabs a {
        transition: transform 120ms ease-out, opacity 120ms ease-out;
    }
    .app-button:active:not(:disabled), .analysis-view-switch button:active,
    .notification-filter:active, .hub-tabs a:active { transform: scale(.98); opacity: .88; }
    .pro-mobile-nav-mark { transition: transform 140ms ease-out; }
    .pro-mobile-nav-link:active .pro-mobile-nav-mark { transform: scale(.94); }
    .pro-mobile-more[open] .pro-mobile-more-panel { animation: lh-light-fade 120ms ease-out; }
}
@media (prefers-reduced-motion: reduce) {
    .pro-main, #notification_list, .analysis-current, .analysis-history,
    .pro-mobile-more-panel { animation: none !important; }
    .pro-menu-link, .pro-mobile-nav-link, .pro-mobile-nav-mark, .hub-tabs a,
    .app-button, .analysis-view-switch button, .notification-filter,
    .pro-tools-chevron { transition: none !important; }
}