/* ADEPTS motion: one-shot entrances and deliberate interaction feedback. */
@media(prefers-reduced-motion:no-preference){
 button,.button,.mobile-app-link,.user,.give-karma,.karma-alert{transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
 .card,.monthly-spotlight,.objective-grid>a,.notification-item{transition:border-color .25s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
 .site-menu nav a{transition:background-color .2s ease,color .2s ease,transform .2s ease}
 main>.eyebrow,main>h1,main>.page-heading,main>.challenge-heading{animation:adepts-enter .65s cubic-bezier(.16,1,.3,1) both}
 .page-heading{position:relative}.page-heading:after{content:"";position:absolute;bottom:-1px;left:0;width:88px;height:2px;background:var(--accent);transform-origin:left;animation:adepts-line .8s cubic-bezier(.16,1,.3,1) .1s both}
 dialog[open]{animation:adepts-enter .35s cubic-bezier(.16,1,.3,1)}
 button:not(:disabled):active,.button:not([aria-disabled=true]):active,.mobile-app-link:active,.objective-grid>a:active{transform:scale(.97)}
 .monthly-spotlight-cta>span{display:inline-block;transition:transform .25s ease}
 @media(max-width:1100px){
 .site-menu[open]>nav a{animation:adepts-menu .32s cubic-bezier(.16,1,.3,1) both}
 .site-menu[open]>nav a:nth-child(2){animation-delay:35ms}.site-menu[open]>nav a:nth-child(3){animation-delay:70ms}.site-menu[open]>nav a:nth-child(4){animation-delay:105ms}.site-menu[open]>nav a:nth-child(5){animation-delay:140ms}.site-menu[open]>nav a:nth-child(6){animation-delay:175ms}.site-menu[open]>nav a:nth-child(7){animation-delay:210ms}.site-menu[open]>nav a:nth-child(8){animation-delay:245ms}
 }
 @media(hover:hover) and (pointer:fine){
 .card:not(.cancelled-card):has(a):hover,.monthly-spotlight:hover,.objective-grid>a:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0005,0 0 0 1px #ff5a0038;border-color:#aa5527}
 button:not(:disabled):hover,.button:not([aria-disabled=true]):hover,.give-karma:hover{transform:translateY(-2px);box-shadow:0 6px 22px #ff5a0038}
 .monthly-spotlight:hover .monthly-spotlight-cta>span{transform:translate(3px,-3px)}
 .site-menu nav a:hover{transform:translateY(-2px)}
 }
 @keyframes adepts-enter{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
 @keyframes adepts-menu{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
 @keyframes adepts-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}