@media (prefers-reduced-motion: no-preference) {
  .btn svg { transition: transform .25s ease; }
  .btn:hover svg { transform: translateX(4px); }
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:page-leave .18s ease-in both}
 ::view-transition-new(root){animation:page-enter .35s ease-out both}
 @keyframes page-leave{to{opacity:.15;transform:translateY(-4px)}}
 @keyframes page-enter{from{opacity:0;transform:translateY(8px)}}
 .portal .panel{animation:panel-enter .42s cubic-bezier(.2,.77,.22,1) backwards}.portal .panel:nth-child(2){animation-delay:50ms}.portal .panel:nth-child(3){animation-delay:90ms}
 .portal .status,.portal #message:not(:empty){animation:status-in .6s ease-out both}
 @keyframes panel-enter{from{opacity:0;transform:translateY(12px)}}@keyframes status-in{from{opacity:.25;translate:0 6px;background-color:#efcf8a}}
 .portal nav a:hover{transform:translateY(-2px)}.portal input:focus,.portal select:focus{transition:box-shadow .2s;box-shadow:0 0 0 3px #d6bc7733}
}