/* Rise into a view; rotate around the horizontal axis when entering/leaving chat. */
dialog[data-view-closing=true]{pointer-events:none}
dialog[open]{backface-visibility:hidden}
@media(prefers-reduced-motion:no-preference){
 /* The shared controller replaces the former mobile-only slide animation. */
 #detail[open]{animation:none!important}
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:view-page-out 150ms ease both}
 ::view-transition-new(root){animation:view-page-in 240ms ease both}
 @keyframes view-page-out{to{opacity:0}}
 @keyframes view-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}