.mascot{display:inline-block;color:var(--foreground);position:relative;user-select:none;-webkit-user-select:none}.mascot-svg{width:100%;height:100%;overflow:visible;display:block}.mascot-svg *{transform-box:fill-box;transform-origin:center}.mascot-eye-happy{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mascot-happy,.mascot-thinks{opacity:0}.mascot-think-dot{fill:currentColor;fill-opacity:.55}.mascot-sparks{opacity:0}.mascot-spark{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-opacity:.9}.mascot[data-variant=solid] .mascot-body{fill:currentColor;fill-opacity:.94}.mascot[data-variant=solid] .mascot-eye{fill:var(--background)}.mascot[data-variant=solid] .mascot-eye-happy{stroke:var(--background)}.mascot[data-state=idle] .mascot-bob{animation:m-breath 4.2s ease-in-out infinite}.mascot[data-state=idle] .mascot-eyes{animation:m-eye-wander 7s ease-in-out infinite}.mascot[data-state=idle] .mascot-eye-l{animation:m-idle-eye 10s ease-in-out infinite}.mascot[data-state=idle] .mascot-eye-r{animation:m-idle-eye 10s ease-in-out infinite .04s}@keyframes m-breath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-.6px) scale(1.012)}}@keyframes m-eye-wander{0%{transform:translate(0)}5%{transform:translate(0)}9%{transform:translate(-3.4px,-1.6px)}18%{transform:translate(-3.4px,-1.6px)}22%{transform:translate(3px,-2px)}30%{transform:translate(3px,-2px)}35%{transform:translate(3.6px,1.4px)}42%{transform:translate(3.6px,1.4px)}47%{transform:translateY(-.4px)}52%{transform:translateY(-.4px)}57%{transform:translate(-2.8px,1.8px)}65%{transform:translate(-2.8px,1.8px)}70%{transform:translate(-.2px,-2.4px)}76%{transform:translate(-.2px,-2.4px)}82%{transform:translate(2.2px,.2px)}88%{transform:translate(2.2px,.2px)}to{transform:translate(0)}}@keyframes m-idle-eye{0%,to{transform:scaleY(1) scale(1)}12%{transform:scaleY(1) scale(1.12)}18%{transform:scaleY(1) scale(1.12)}24%{transform:scaleY(1) scale(1)}25%{transform:scaleY(.06) scale(1)}26.5%{transform:scaleY(1) scale(1)}44%{transform:scaleY(1) scale(.9)}50%{transform:scaleY(1) scale(.9)}56%{transform:scaleY(1) scale(1)}70%{transform:scaleY(1) scale(1)}71%{transform:scaleY(.06) scale(1)}72.5%{transform:scaleY(1) scale(1)}74%{transform:scaleY(.06) scale(1)}75.5%{transform:scaleY(1) scale(1)}85%{transform:scaleY(1) scale(1.08)}92%{transform:scaleY(1) scale(1)}}.mascot[data-state=thinking] .mascot-wobble{animation:m-wobble-slow 2.8s ease-in-out infinite}.mascot[data-state=thinking] .mascot-eyes{animation:m-scan 3.6s ease-in-out infinite}.mascot[data-state=thinking] .mascot-thinks{opacity:1}.mascot[data-state=thinking] .mascot-think-dot-1{animation:m-think-pulse 1.5s ease-in-out infinite;animation-delay:0s}.mascot[data-state=thinking] .mascot-think-dot-2{animation:m-think-pulse 1.5s ease-in-out infinite;animation-delay:.2s}.mascot[data-state=thinking] .mascot-think-dot-3{animation:m-think-pulse 1.5s ease-in-out infinite;animation-delay:.4s}@keyframes m-wobble-slow{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes m-scan{0%,to{transform:translate(-2px)}25%{transform:translateY(-1.8px)}50%{transform:translate(2px)}75%{transform:translateY(1.2px)}}@keyframes m-think-pulse{0%,to{transform:translateY(0) scale(.8);fill-opacity:.25}50%{transform:translateY(-2px) scale(1.15);fill-opacity:.85}}.mascot[data-state=typing] .mascot-wobble{animation:m-wobble-fast .5s ease-in-out infinite}.mascot[data-state=typing] .mascot-bob{animation:m-bounce .5s ease-in-out infinite}.mascot[data-state=typing] .mascot-body-wrap{animation:m-squash .5s ease-in-out infinite}.mascot[data-state=typing] .mascot-eyes{opacity:0}.mascot[data-state=typing] .mascot-happy,.mascot[data-state=typing] .mascot-sparks{opacity:1}.mascot[data-state=typing] .mascot-spark-1{animation:m-spark 1.4s ease-out infinite;animation-delay:0s}.mascot[data-state=typing] .mascot-spark-2{animation:m-spark 1.4s ease-out infinite;animation-delay:.46s}.mascot[data-state=typing] .mascot-spark-3{animation:m-spark 1.4s ease-out infinite;animation-delay:.92s}@keyframes m-wobble-fast{0%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}to{transform:rotate(-7deg)}}@keyframes m-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes m-squash{0%,to{transform:scale(1)}50%{transform:scale(1.04,.96)}}@keyframes m-spark{0%{transform:translate(0) scale(.3) rotate(0);opacity:0}20%{transform:translateY(-2px) scale(1) rotate(45deg);opacity:1}to{transform:translateY(-16px) scale(.4) rotate(180deg);opacity:0}}@media(prefers-reduced-motion:reduce){.mascot *,.mascot{animation:none!important;transition:none!important}.mascot[data-state=typing] .mascot-eyes{opacity:0}.mascot[data-state=typing] .mascot-happy,.mascot[data-state=thinking] .mascot-thinks{opacity:1}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
