.mascot{display:block;overflow:visible}.mascot__react{transform-box:fill-box;transform-origin:50% 100%;transition:transform .22s ease-out}.mascot[data-interactive=true] .mascot__react{cursor:pointer}.mascot[data-interactive=true] .mascot__react:hover{transform:scale(1.025)translateY(-1px)}.mascot[data-animated=true] .mascot__react[data-jumping]{animation:.65s cubic-bezier(.3,0,.3,1) mascot-jump}@keyframes mascot-jump{0%{transform:scale(1.025,.95)translateY(0)}18%{transform:scale(1.1,.82)translateY(0)}45%{transform:scale(.94,1.1)translateY(-26px)rotate(-6deg)}65%{transform:scale(.97,1.05)translateY(-14px)rotate(5deg)}85%{transform:scale(1.1,.85)translateY(0)rotate(0)}to{transform:scale(1.025)translateY(-1px)}}.mascot__figure{transform-box:fill-box;transform-origin:50%}.mascot[data-animated=true][data-face=default] .mascot__figure{animation:14s ease-in-out infinite mascot-float}.mascot[data-animated=true][data-face=sleeping] .mascot__figure{animation:4s ease-in-out infinite mascot-breathe}.mascot[data-animated=true][data-face=happy] .mascot__figure{animation:1.1s ease-in-out infinite mascot-bob}.mascot[data-animated=true][data-face=sad] .mascot__figure{animation:5s ease-in-out infinite mascot-droop}.mascot[data-animated=true][data-face=working] .mascot__figure{animation:.45s ease-in-out infinite mascot-type}.mascot[data-animated=true][data-face=thinking] .mascot__figure{animation:3.2s ease-in-out infinite mascot-tilt}.mascot__thought circle{opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite mascot-thought}.mascot__thought circle:nth-child(2){animation-delay:.3s}.mascot__thought circle:nth-child(3){animation-delay:.6s}@keyframes mascot-thought{0%,10%{opacity:0;transform:scale(.3)}30%,75%{opacity:.9;transform:scale(1)}95%,to{opacity:0;transform:scale(.8)}}.mascot[data-animated=true][data-face=blocked] .mascot__figure{animation:1.6s linear infinite mascot-stutter}.mascot[data-animated=true][data-face=loading] .mascot__figure{animation:1.6s ease-in-out infinite mascot-bob}@keyframes mascot-type{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes mascot-tilt{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(5.5deg)translateY(-1px)}}@keyframes mascot-stutter{0%,60%,to{transform:translate(0)}64%{transform:translate(-2px)}68%{transform:translate(1.5px)}72%{transform:translate(-1px)}76%{transform:translate(0)}}@keyframes mascot-droop{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(1.5px)scale(1.01,.97)}}@keyframes mascot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,1.04)translateY(1px)}}@keyframes mascot-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.02,.99)}}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(0)scale(1)}10%{transform:translateY(-1.5px)rotate(0)scale(1)}20%{transform:translateY(0)rotate(.8deg)scale(1)}30%{transform:translateY(-1px)rotate(1deg)scale(1)}42%{transform:translateY(0)rotate(-.8deg)scale(1)}52%{transform:translateY(-1.5px)rotate(-1deg)scale(1)}62%{transform:translateY(1px)rotate(0)scale(1.02,.97)}68%{transform:translateY(-4px)rotate(0)scale(.99,1.02)}74%{transform:translateY(0)rotate(0)scale(1.02,.97)}80%{transform:translateY(-1px)rotate(0)scale(1)}90%{transform:translateY(-1.5px)rotate(.4deg)scale(1)}}@media (prefers-reduced-motion:reduce){.mascot *{animation:none}}