.screen-enter{animation:screen-in var(--motion-normal) var(--ease) both}.sticker-large{animation:sticker-float var(--motion-slow) ease-in-out infinite}.response-stage{animation:answer-in 360ms var(--ease) both}.response-stage.is-changing blockquote{opacity:0;transform:translateY(4px)}.response-stage blockquote{transition:opacity var(--motion-fast) ease,transform var(--motion-fast) ease}.primary:active,.secondary:active,.nav-card:active,.state-button:active{transform:scale(.98)}button{transition:transform var(--motion-fast) var(--ease),background-color var(--motion-fast) ease,color var(--motion-fast) ease,opacity var(--motion-fast) ease}
@keyframes screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes answer-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes sticker-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes glow-breathe{from{opacity:.52;transform:scale(.98)}to{opacity:.82;transform:scale(1.03)}}
.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reduce-motion .sticker-large,.reduce-motion .background-glow{animation:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.sticker-large,.background-glow{animation:none!important}}

.theme-motion{position:fixed;z-index:calc(var(--z-background) + 1);inset:0;width:100%;height:100%;pointer-events:none;touch-action:none;overflow:hidden}