/* Shared motion: smooth feedback without delaying navigation. */
@keyframes fs-soft-page-out{to{opacity:0}}
@keyframes fs-soft-page-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
::view-transition-old(root){animation:fs-soft-page-out 160ms cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:fs-soft-page-in 280ms cubic-bezier(.2,0,0,1) both}
@media (hover:hover) and (pointer:fine){
  :where(.mobile-bottom-nav a,.desktop-nav a,.top-link){transition-timing-function:cubic-bezier(.2,0,0,1)}
}
/* Personal centre: animate each section once; leave card transforms free for interaction. */
@keyframes fs-me-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.me-page .me-module{animation:fs-me-enter 360ms cubic-bezier(.2,0,0,1) backwards}
.me-page .me-module:nth-of-type(2){animation-delay:35ms}
.me-page .me-module:nth-of-type(3){animation-delay:70ms}
.me-page .me-tile{animation:none;transition:transform 260ms cubic-bezier(.2,0,0,1),box-shadow 260ms cubic-bezier(.2,0,0,1),background-color 200ms ease}
.me-page .me-tile-icon,.me-page .me-list-icon,.me-page .profile-avatar{transition:transform 280ms cubic-bezier(.2,0,0,1),box-shadow 240ms ease}
.me-page .me-tile .tile-arrow,.me-page .me-list-item>.m-icon{transition:transform 250ms cubic-bezier(.2,0,0,1),opacity 200ms ease,color 200ms ease}
.me-page .me-list-item{transition:background-color 200ms ease,transform 250ms cubic-bezier(.2,0,0,1)}
.me-page .profile-login,.me-page .uid-chip{transition:transform 240ms cubic-bezier(.2,0,0,1),box-shadow 240ms ease,background-color 200ms ease}
@media (hover:hover) and (pointer:fine){
  .me-page .me-tile:hover{transform:translateY(-4px);filter:none;box-shadow:0 10px 23px rgba(97,69,75,.12)}
  .me-page .me-tile:hover .me-tile-icon{transform:translateY(-2px) scale(1.04)}
  .me-page .me-tile:hover .tile-arrow{transform:translateX(3px);opacity:1}
  .me-page .me-list-item:hover{transform:translateX(2px)}
  .me-page .me-list-item:hover .me-list-icon{transform:scale(1.04)}
  .me-page .profile-hero:hover .profile-avatar{transform:scale(1.03)}
}
@media (hover:none){
  .me-page .me-tile:hover,.me-page .me-list-item:hover,.me-page .me-tile:hover .me-tile-icon,.me-page .me-list-item:hover .me-list-icon,.me-page .profile-hero:hover .profile-avatar{transform:none}
  .me-page .me-tile:active{transform:scale(.985)}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .me-page .me-module,.me-page .me-tile,.me-page .me-heading-mascot,.me-page .profile-mascot{animation:none!important}
  .me-page .me-tile,.me-page .me-tile-icon,.me-page .me-list-icon,.me-page .profile-avatar,.me-page .me-tile .tile-arrow,.me-page .me-list-item,.me-page .me-list-item>.m-icon,.me-page .profile-login,.me-page .uid-chip{transition:none!important}
}