@media(prefers-reduced-motion:no-preference){
 .motion-pending{opacity:0;transform:translateY(14px)}
 .motion-pending:focus-within{opacity:1;transform:none}
 .wish-card{transition:box-shadow .22s ease,border-color .22s ease,translate .22s ease}
 .wish-card .art svg,.wish-card .wish-custom-image,.hero-art .art svg{transition:transform .35s ease}
 dialog[open]{animation:dialog-arrive .22s cubic-bezier(.2,.7,.2,1)}
 .profile-menu[open] .profile-panel{animation:menu-arrive .18s ease-out;transform-origin:top right}
 .profile-chevron{transition:transform .18s ease}
 @keyframes dialog-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
 @keyframes menu-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .wish-card:hover{translate:0 -3px;box-shadow:0 9px 25px #0000000d;border-color:var(--accent)}
 .wish-card:hover .art svg,.wish-card:hover .wish-custom-image{transform:scale(1.035)}
 .hero-art:hover .art svg{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}