.mz{--mz-ink:var(--mascot-ink,var(--ink));--mz-paper:var(--mascot-paper,var(--bg));--mz-miss:var(--mascot-miss,var(--miss));--look-x:0;--look-y:0;--lvl:0;display:block;overflow:visible;flex:none}.mz *{transform-box:view-box}.mz .ink{fill:var(--mz-ink)}.mz .paper{fill:var(--mz-paper)}.mz .ink-stroke{fill:none;stroke:var(--mz-ink)}.mz .paper-stroke{fill:none;stroke:var(--mz-paper)}.mz .miss-stroke{fill:none;stroke:var(--mz-miss)}.mz .miss{fill:var(--mz-miss)}.mz[data-paused],.mz[data-paused] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.mz,.mz *{animation:none!important;transition:none!important}}.mz-static .mz,.mz-static .mz *{animation:none!important;transition:none!important}.mz-h .h-pos{transition:transform .42s var(--ease-spring,cubic-bezier(.34,1.4,.64,1))}.mz-h .h-tilt{transition:transform .42s var(--ease-out,ease-out)}.mz-h .h-anim,.mz-h .h-hello,.mz-h .h-squash,.mz-h .h-tilt{transform-origin:24px 33px}.mz-h .h-blink,.mz-h .h-blink2,.mz-h .h-eyes{transform-origin:24px 17.2px}.mz-h .h-lid{transform-origin:24px 20px;transition:transform .22s ease}.mz-h .h-look{transform:translate(calc(var(--look-x) * 2.2px),calc(var(--look-y) * 1.6px));transition:transform .24s var(--ease-out,ease-out)}.mz-h .h-line{stroke:var(--mz-ink)}.mz-h .h-happy,.mz-h .h-sage{opacity:0}.mz-h[data-state=idle] .h-pos{transform:translateY(10.8px)}.mz-h[data-state=hover] .h-pos{transform:translateY(5.6px)}.mz-h[data-state=connecting] .h-pos,.mz-h[data-state=press] .h-pos{transform:translateY(8px)}.mz-h[data-state=celebrate] .h-pos,.mz-h[data-state=listening] .h-pos,.mz-h[data-state=speaking] .h-pos{transform:none}.mz-h[data-state=thinking] .h-pos{transform:translateY(2.4px)}.mz-h[data-state=error] .h-pos{transform:translateY(14.4px)}.mz-h[data-state=sleeping] .h-pos{transform:translateY(15.6px)}.mz-h[data-state=hover] .h-blink,.mz-h[data-state=idle] .h-blink,.mz-h[data-state=listening] .h-blink,.mz-h[data-state=speaking] .h-blink,.mz-h[data-state=thinking] .h-blink{animation:mzH-blink var(--mz-blink,5.6s) infinite 1.6s}@keyframes mzH-blink{0%,96.8%,to{transform:scaleY(1)}97.9%{transform:scaleY(.1)}}.mz-h[data-paused] .h-blink{animation:none!important;transform:none}.mz-h[data-state=idle] .h-squash{animation:mzH-breathe 4.6s ease-in-out infinite}@keyframes mzH-breathe{0%,to{transform:none}50%{transform:translateY(-1px)}}.mz-h[data-gaze=panel] .h-look{transform:translate(-1.6px,-2.6px)}.mz-h[data-gaze=panel] .h-anim{animation:mzH-tuck 1.1s var(--ease-in-out,ease-in-out) both}@keyframes mzH-tuck{0%,45%{transform:translateY(0)}to{transform:translateY(2px)}}.mz-h[data-gaze=talk][data-state=idle] .h-look{transform:translate(1.6px,2px)}.mz-h[data-state=hover] .h-eyes{transform:scale(1.08,1.14);transition:transform .18s ease}.mz-h[data-state=hover] .h-look{transform:translate(calc(var(--look-x) * 1.6px),-1.8px)}.mz-h[data-state=press] .h-squash{transform:scale(1.14,.84);transition:transform 90ms ease}.mz-h[data-state=connecting] .h-anim{animation:mzH-dial 2.4s var(--ease-in-out,ease-in-out) infinite}.mz-h[data-state=connecting] .h-eyes{animation:mzH-follow 1.2s ease-in-out infinite alternate}.mz-h[data-state=connecting] .h-run{animation:mzH-run 1.2s ease-in-out infinite alternate}@keyframes mzH-dial{0%{transform:translateY(22px)}38%{transform:translateY(-1px)}48%,70%{transform:none}to{transform:translateY(22px)}}@keyframes mzH-follow{0%{transform:translate(-3.5px,2.4px)}to{transform:translate(3.5px,2.4px)}}.mz-h .h-run{transform:translateX(0)}@keyframes mzH-run{0%{transform:translateX(0)}to{transform:translateX(var(--run,30px))}}.mz-h[data-state=listening] .h-tilt{transform:rotate(-8deg)}.mz-h[data-state=listening] .h-look{transform:translate(-1.6px,-1.2px)}.mz-h .h-tick{transform-box:fill-box;transform-origin:center bottom}.mz-h[data-state=listening] .h-tick1{transform:scaleY(calc(.7 + var(--lvl) * .5));transition:transform 90ms linear}.mz-h[data-state=listening] .h-tick2{transform:scaleY(calc(.6 + var(--lvl) * .6));transition:transform 90ms linear}.mz-h[data-state=listening][data-synth] .h-tick1{animation:mzH-tick 1.1s ease-in-out infinite}.mz-h[data-state=listening][data-synth] .h-tick2{animation:mzH-tick 1.1s ease-in-out .35s infinite}@keyframes mzH-tick{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.1)}}.mz-h[data-state=listening] .h-anim{transform:translateY(calc(var(--lvl) * 1.5px));transition:transform 90ms linear}.mz-h[data-state=listening] .h-squash{animation:mzH-nod 3s ease-in-out infinite}.mz-h .h-sag{transform-origin:24px 33px}.mz-h[data-state=listening] .h-sag{transform:scaleY(calc(.8 + var(--lvl) * .2))}.mz-h[data-state=listening][data-synth] .h-sag{animation:mzH-sag 3s ease-in-out infinite}@keyframes mzH-nod{0%,50%,to{transform:translateY(.6px)}64%{transform:translateY(2.4px) rotate(3deg)}78%{transform:translateY(.6px) rotate(0deg)}}@keyframes mzH-sag{0%,50%,to{transform:scaleY(.8)}64%{transform:scaleY(1)}82%{transform:scaleY(.85)}}.mz-h[data-state=thinking] .h-eyes{transform:translate(2.2px,-2.6px)}.mz-h .h-glint{stroke:var(--mascot-sky,var(--tint-sky))}.mz-h[data-state=thinking] .h-run{animation:mzH-run 1.5s ease-in-out infinite alternate}.mz-h .h-mouth{transform-origin:24px 26.4px}.mz-h[data-state=speaking] .h-anim{transform:scale(calc(1 + var(--lvl) * .04),calc(1 + var(--lvl) * .06));transition:transform 80ms linear}.mz-h[data-state=speaking] .h-mouth{transform:scale(calc(.6 + var(--lvl) * .55),calc(.2 + var(--lvl) * .8));transition:transform 70ms linear}.mz-h[data-state=speaking] .h-lid{transform:scaleY(calc(1 - var(--lvl) * .3))}.mz-h[data-state=speaking][data-synth] .h-anim{animation:mzH-pulse 1.2s ease-in-out infinite}.mz-h[data-state=speaking][data-synth] .h-mouth{animation:mzH-mouth 1.2s ease-in-out infinite}.mz-h[data-state=speaking][data-synth] .h-lid{animation:mzH-squint 1.2s ease-in-out infinite}@keyframes mzH-pulse{0%,to{transform:scale(1)}16%{transform:scale(1.03,1.05)}30%{transform:scaleY(1.01)}48%{transform:scale(1.035,1.06)}62%{transform:scale(1)}80%{transform:scale(1.02,1.035)}}@keyframes mzH-mouth{0%,to{transform:scale(.6,.22)}16%{transform:scale(1)}30%{transform:scale(.65,.3)}48%{transform:scale(1.15,.95)}62%{transform:scale(.6,.22)}80%{transform:scale(.9,.7)}}@keyframes mzH-squint{0%,30%,62%,to{transform:scaleY(1)}16%,48%{transform:scaleY(.72)}80%{transform:scaleY(.85)}}.mz-h[data-state=error] .h-tilt{transform:rotate(4deg) translateY(.5px);animation:mzH-droop 1.8s var(--ease-in-out,ease-in-out) 1 both}@keyframes mzH-droop{0%{transform:rotate(0deg) translateY(0)}35%{transform:rotate(7deg) translateY(1px)}60%{transform:rotate(2.5deg) translateY(.3px)}80%{transform:rotate(5deg) translateY(.6px)}to{transform:rotate(4deg) translateY(.5px)}}.mz-h[data-state=celebrate] .h-anim{animation:mzH-leap 1.2s var(--ease-in-out,ease-in-out) both}.mz-h[data-state=celebrate] .h-normal{animation:mzH-eyes-off 1.2s step-end both}.mz-h[data-state=celebrate] .h-happy{animation:mzH-eyes-on 1.2s step-end both}.mz-h[data-state=celebrate] .h-sage{animation:mzH-sage 1.2s ease-out both}@keyframes mzH-leap{0%{transform:translateY(0) rotate(0deg) scale(1)}10%{transform:translateY(0) rotate(0deg) scale(1.16,.8)}27%{transform:translateY(-9px) rotate(-12deg) scale(.94,1.08)}37%{transform:translateY(-9px) rotate(-12deg) scale(1)}48%{transform:translateY(0) rotate(0deg) scale(1.12,.86)}58%{transform:translateY(0) rotate(0deg) scale(.97,1.03)}66%,to{transform:translateY(0) rotate(0deg) scale(1)}}@keyframes mzH-eyes-off{0%{opacity:1}20%{opacity:0}60%{opacity:1}to{opacity:1}}@keyframes mzH-eyes-on{0%{opacity:0}20%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes mzH-sage{0%,44%{opacity:0}48%,90%{opacity:1}to{opacity:0}}.mz-h[data-state=sleeping] .h-squash{animation:mzH-sleep 5.5s ease-in-out infinite}@keyframes mzH-sleep{0%,to{transform:none}50%{transform:translateY(-.8px)}}.mz-h[data-hello] .h-hello{animation:mzH-hello .9s var(--ease-spring,cubic-bezier(.34,1.4,.64,1)) both}@keyframes mzH-hello{0%{transform:translateY(22px)}55%{transform:translateY(-3px)}75%{transform:translateY(.5px)}to{transform:none}}.mz-h[data-calm] .h-hello,.mz-h[data-calm][data-state=hover] *,.mz-h[data-calm][data-state=idle] *,.mz-h[data-calm][data-state=sleeping] *{animation:none!important}@media (prefers-reduced-motion:reduce){.mz-h[data-state=celebrate] .h-normal{opacity:0}.mz-h[data-state=celebrate] .h-happy,.mz-h[data-state=celebrate] .h-sage{opacity:1}.mz-h[data-state=connecting] .h-run,.mz-h[data-state=thinking] .h-run{transform:translateX(calc(var(--run, 30px) / 2))}.mz-h[data-state=speaking] .h-mouth{transform:scaleY(.8)}.mz-h[data-state=listening] .h-sag,.mz-h[data-state=listening] .h-tick{transform:none;animation:none}.mz-h[data-state=connecting] .h-eyes{transform:translateY(2.4px)}}.mz-static .mz-h[data-state=celebrate] .h-normal{opacity:0}.mz-static .mz-h[data-state=celebrate] .h-happy,.mz-static .mz-h[data-state=celebrate] .h-sage{opacity:1}.mz-static .mz-h[data-state=connecting] .h-run,.mz-static .mz-h[data-state=thinking] .h-run{transform:translateX(calc(var(--run, 30px) / 2))}.mz-static .mz-h[data-state=speaking] .h-mouth{transform:scaleY(.8)}.mz-static .mz-h[data-state=connecting] .h-eyes{transform:translateY(2.4px)}.mz-static .mz-h[data-state=listening] .h-sag,.mz-static .mz-h[data-state=listening] .h-tick{transform:none;animation:none}.mz-h[data-calm][data-gaze=panel] .h-anim{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.mz-h[data-gaze=panel] .h-anim{transform:translateY(2px)}}