/* KiKK: smooth page-to-page transitions.
   Browsers that support it (current Chrome / Android WebView) fade and slide between pages.
   Others simply ignore this file and change pages the normal way. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: kPageOut .18s ease both; }
::view-transition-new(root) { animation: kPageIn .3s cubic-bezier(.2,.8,.2,1) both; }
@keyframes kPageOut { to { opacity: 0; transform: translateY(-8px) scale(.985); } }
@keyframes kPageIn  { from { opacity: 0; transform: translateY(16px) scale(.992); } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}