.cx-character{--cx-look-x:0px;--cx-look-y:0px;color:#0004;vertical-align:middle;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:240px;max-width:100%;margin:0;padding:0;line-height:0;display:inline-block;position:relative}button.cx-character{cursor:pointer}.cx-character:focus-visible{outline-offset:5px;border-radius:18px;outline:2px solid #ff9a52}.cx-character-art{pointer-events:none;width:100%;height:auto;display:block;overflow:visible}.cx-character-feedback{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cx-character-rig{transform-box:fill-box;transform-origin:50% 100%}.cx-character-head{transform-box:fill-box;transform-origin:49.091% 92.683%}.cx-arm-motion{transform-box:fill-box;transform-origin:71.429% 14.286%}.cx-character-gaze{transform:translate(var(--cx-look-x),var(--cx-look-y))}.cx-character-shadow{transform-box:fill-box;transform-origin:50%;opacity:.3}.cx-face-blink{opacity:0}.cx-character[data-state=listening] .cx-character-head{transform:rotate(-7deg)translateY(-1px)}.cx-character[data-state=listening] .cx-arm-right .cx-arm-motion{transform:rotate(24deg)}.cx-character[data-state=curious] .cx-character-rig{transform:rotate(3deg)}.cx-character[data-state=curious] .cx-character-head{transform:rotate(-10deg)translateY(-1px)}.cx-character[data-state=curious] .cx-arm-left .cx-arm-motion{transform:rotate(22deg)}.cx-character[data-state=curious] .cx-arm-right .cx-arm-motion{transform:rotate(-35deg)}.cx-character[data-state=queued] .cx-character-head{transform:translateY(-2px)rotate(2deg)}.cx-character[data-state=queued] .cx-arm-motion{transform:rotate(-32deg)}.cx-character[data-state=queued] .cx-gaze-motion{transform:translateY(-1px)}.cx-character[data-state=asking] .cx-character-head{transform:rotate(9deg)translateY(-1px)}.cx-character[data-state=asking] .cx-arm-left .cx-arm-motion{transform:rotate(42deg)}.cx-character[data-state=asking] .cx-arm-right .cx-arm-motion{transform:rotate(-12deg)}.cx-character[data-state=thinking] .cx-character-head{transform:rotate(6deg)translateY(1px)}.cx-character[data-state=thinking] .cx-arm-right .cx-arm-motion{transform:rotate(-115deg)}.cx-character[data-state=thinking] .cx-arm-left .cx-arm-motion{transform:rotate(-18deg)}.cx-character[data-state=thinking] .cx-gaze-motion{transform:translate(-1px,-.7px)}.cx-character[data-state=reading] .cx-character-head{transform:translateY(2px)rotate(2deg)}.cx-character[data-state=reading] .cx-arm-motion{transform:rotate(-26deg)}.cx-character[data-state=preparing] .cx-character-rig{transform:rotate(-3deg)}.cx-character[data-state=preparing] .cx-character-head{transform:translateY(2px)rotate(-3deg)}.cx-character[data-state=preparing] .cx-arm-left .cx-arm-motion{transform:rotate(-43deg)}.cx-character[data-state=preparing] .cx-arm-right .cx-arm-motion{transform:rotate(-27deg)}.cx-character[data-state=typing] .cx-character-head{transform:translateY(2px)}.cx-character[data-state=typing] .cx-arm-motion{transform:rotate(-55deg)}.cx-character[data-state=drawing] .cx-character-rig{transform:rotate(-3deg)}.cx-character[data-state=drawing] .cx-character-head{transform:rotate(7deg)translateY(1px)}.cx-character[data-state=drawing] .cx-arm-left .cx-arm-motion{transform:rotate(-25deg)}.cx-character[data-state=drawing] .cx-arm-right .cx-arm-motion{transform:rotate(-65deg)}.cx-character[data-state=organizing] .cx-arm-left .cx-arm-motion{transform:rotate(34deg)}.cx-character[data-state=organizing] .cx-arm-right .cx-arm-motion{transform:rotate(-48deg)}.cx-character[data-state=organizing] .cx-character-head{transform:rotate(-4deg)}.cx-character[data-state=checking] .cx-character-head{transform:translateY(1px)rotate(-5deg)}.cx-character[data-state=checking] .cx-arm-left .cx-arm-motion{transform:rotate(-42deg)}.cx-character[data-state=checking] .cx-gaze-motion{transform:translate(1px)}.cx-character[data-state=presenting] .cx-character-head{transform:rotate(-3deg)}.cx-character[data-state=presenting] .cx-arm-left .cx-arm-motion{transform:rotate(52deg)}.cx-character[data-state=presenting] .cx-arm-right .cx-arm-motion{transform:rotate(-16deg)}.cx-character[data-state=celebrate] .cx-arm-motion{transform:rotate(56deg)}.cx-character[data-state=surprised] .cx-arm-motion{transform:rotate(42deg)}.cx-character[data-state=greeting] .cx-arm-right .cx-arm-motion{transform:rotate(62deg)}.cx-character[data-state=laughing] .cx-arm-motion{transform:rotate(-38deg)}.cx-character[data-state=waiting] .cx-character-head{transform:translateY(2px)rotate(3deg)}.cx-character[data-state=waiting] .cx-arm-motion{transform:rotate(-57deg)}.cx-character[data-state=paused] .cx-character-head{transform:translateY(3px)rotate(-4deg)}.cx-character[data-state=paused] .cx-arm-motion{transform:rotate(-14deg)}.cx-character[data-state=paused] .cx-gaze-motion{transform:translateY(1px)}.cx-character[data-state=error] .cx-character-head{transform:rotate(5deg)}.cx-character[data-state=error] .cx-arm-motion{transform:rotate(30deg)}@media (prefers-reduced-motion:no-preference){.cx-character-head,.cx-arm-motion{transition:transform .26s ease-out}.cx-character-gaze{transition:transform .1s ease-out}.cx-character-rig{animation:4.8s ease-in-out infinite cx-breathe}.cx-face-open{animation:5.6s step-end infinite cx-eyes-open}.cx-face-blink{animation:5.6s step-end infinite cx-eyes-blink}.cx-character[data-state=idle] .cx-character-head{animation:9s ease-in-out infinite cx-idle-look}.cx-character[data-state=idle] .cx-arm-motion{animation:4.8s ease-in-out infinite cx-rest-arm}.cx-character[data-state=listening] .cx-character-head{animation:3.8s ease-in-out infinite cx-listen}.cx-character[data-state=listening] .cx-arm-right .cx-arm-motion{animation:3.8s ease-in-out infinite cx-listen-arm}.cx-character[data-state=curious] .cx-character-head{animation:4.5s ease-in-out infinite cx-curious}.cx-character[data-state=curious] .cx-gaze-motion{animation:4.5s ease-in-out infinite cx-curious-eyes}.cx-character[data-state=queued] .cx-character-head{animation:4.8s ease-in-out infinite cx-queue-look}.cx-character[data-state=asking] .cx-character-head{animation:3.2s ease-in-out infinite cx-ask}.cx-character[data-state=asking] .cx-arm-left .cx-arm-motion{animation:3.2s ease-in-out infinite cx-ask-arm}.cx-character[data-state=thinking] .cx-character-head{animation:5.5s ease-in-out infinite cx-think}.cx-character[data-state=thinking] .cx-gaze-motion{animation:5.5s steps(2,end) infinite cx-consider}.cx-character[data-state=thinking] .cx-arm-right .cx-arm-motion{animation:5.5s ease-in-out infinite cx-chin}.cx-character[data-state=reading] .cx-gaze-motion{animation:3.6s steps(3,end) infinite cx-scan}.cx-character[data-state=reading] .cx-character-head{animation:3.6s ease-in-out infinite cx-read}.cx-character[data-state=preparing] .cx-character-rig{animation:2.8s ease-in-out infinite cx-prepare}.cx-character[data-state=typing] .cx-character-rig{animation:1.4s ease-in-out infinite cx-work-body}.cx-character[data-state=typing] .cx-arm-left .cx-arm-motion{animation:.7s ease-in-out infinite cx-work-arm}.cx-character[data-state=typing] .cx-arm-right .cx-arm-motion{animation:.7s ease-in-out -350ms infinite cx-work-arm}.cx-character[data-state=typing] .cx-gaze-motion{transform:translateY(.7px)}.cx-character[data-state=drawing] .cx-arm-right .cx-arm-motion{animation:2.8s ease-in-out infinite cx-draw-arm}.cx-character[data-state=drawing] .cx-character-head{animation:2.8s ease-in-out infinite cx-draw-head}.cx-character[data-state=organizing] .cx-character-rig{animation:3.4s ease-in-out infinite cx-sort-body}.cx-character[data-state=organizing] .cx-character-head{animation:3.4s ease-in-out infinite cx-sort-head}.cx-character[data-state=organizing] .cx-gaze-motion{animation:3.4s steps(2,end) infinite cx-sort-eyes}.cx-character[data-state=organizing] .cx-arm-left .cx-arm-motion{animation:3.4s ease-in-out infinite cx-sort-arm}.cx-character[data-state=organizing] .cx-arm-right .cx-arm-motion{animation:3.4s ease-in-out -1.7s infinite cx-sort-arm}.cx-character[data-state=checking] .cx-character-head{animation:3s ease-in-out infinite cx-check}.cx-character[data-state=checking] .cx-gaze-motion{animation:3s steps(3,end) infinite cx-scan}.cx-character[data-state=presenting] .cx-character-head{animation:4.5s ease-in-out infinite cx-satisfied}.cx-character[data-state=presenting] .cx-arm-left .cx-arm-motion{animation:4.5s ease-in-out infinite cx-offer}.cx-character[data-state=celebrate] .cx-character-rig{animation:2.8s ease-in-out infinite cx-jump}.cx-character[data-state=celebrate] .cx-arm-motion{animation:2.8s ease-in-out infinite cx-cheer}.cx-character[data-state=celebrate] .cx-character-shadow{animation:2.8s ease-in-out infinite cx-shadow}.cx-character[data-state=surprised] .cx-character-rig{animation:2.3s ease-out both cx-surprise}.cx-character[data-state=surprised] .cx-character-head{animation:2.3s ease-out both cx-surprise-head}.cx-character[data-state=greeting] .cx-character-head{animation:2.3s ease-in-out both cx-greeting}.cx-character[data-state=greeting] .cx-arm-right .cx-arm-motion{animation:2.3s ease-in-out both cx-greet-arm}.cx-character[data-state=laughing] .cx-character-rig{animation:2.3s ease-in-out both cx-laugh}.cx-character[data-state=laughing] .cx-character-head{animation:2.3s ease-in-out both cx-laugh-head}.cx-character[data-state=waiting] .cx-character-rig{animation:8s ease-in-out infinite cx-wait}.cx-character[data-state=waiting] .cx-character-head{animation:8s ease-in-out infinite cx-wait-head}.cx-character[data-state=paused] .cx-character-rig{animation:none}.cx-character[data-state=error] .cx-character-head{animation:6s ease-in-out infinite cx-concerned}.cx-character[data-attentive=true] .cx-gaze-motion,.cx-character[data-attention] .cx-gaze-motion{animation:none;transform:none}.cx-character[data-active=false] *{animation-play-state:paused}}@keyframes cx-breathe{0%,to{translate:0}50%{translate:0 -1.1px}}@keyframes cx-eyes-open{0%,18%,23%,79%,84%,to{opacity:1}19%,22%,80%,83%{opacity:0}}@keyframes cx-eyes-blink{0%,18%,23%,79%,84%,to{opacity:0}19%,22%,80%,83%{opacity:1}}@keyframes cx-idle-look{0%,22%,to{transform:rotate(0)}35%,48%{transform:rotate(-4deg)}72%,82%{transform:rotate(3deg)}}@keyframes cx-rest-arm{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}@keyframes cx-listen{0%,60%,to{transform:rotate(-7deg)translateY(-1px)}24%,38%{transform:rotate(-7deg)translateY(1.4px)}}@keyframes cx-listen-arm{0%,60%,to{transform:rotate(24deg)}24%,38%{transform:rotate(36deg)}}@keyframes cx-curious{0%,40%,to{transform:rotate(-10deg)translateY(-1px)}60%,78%{transform:rotate(6deg)translateY(-1.5px)}}@keyframes cx-curious-eyes{0%,40%,to{transform:translate(-1px,-.4px)}60%,78%{transform:translate(1px,-.7px)}}@keyframes cx-queue-look{0%,62%,to{transform:translateY(-2px)rotate(2deg)}32%,48%{transform:translateY(-1px)rotate(-5deg)}}@keyframes cx-ask{0%,70%,to{transform:rotate(9deg)translateY(-1px)}24%,50%{transform:rotate(4deg)translateY(-2px)}}@keyframes cx-ask-arm{0%,70%,to{transform:rotate(42deg)}24%,50%{transform:rotate(54deg)}}@keyframes cx-think{0%,62%,to{transform:rotate(6deg)translateY(1px)}30%,46%{transform:rotate(9deg)translateY(.5px)}}@keyframes cx-consider{0%,52%,to{transform:translate(-1px,-.7px)}28%,45%{transform:translate(1px,-1px)}}@keyframes cx-chin{0%,62%,to{transform:rotate(-115deg)}30%,46%{transform:rotate(-122deg)}}@keyframes cx-scan{0%,to{transform:translate(-1.3px,.4px)}38%{transform:translate(1.3px,.6px)}68%{transform:translate(-1.3px,1px)}}@keyframes cx-read{0%,to{transform:translateY(2px)rotate(2deg)}68%{transform:translateY(3px)rotate(0)}}@keyframes cx-prepare{0%,to{transform:rotate(-3deg)translateY(1px)}42%,58%{transform:rotate(2deg)translateY(-1px)}}@keyframes cx-work-body{0%,to{transform:translateY(0)}50%{transform:translateY(.9px)}}@keyframes cx-work-arm{0%,to{transform:rotate(-42deg)}50%{transform:rotate(-66deg)}}@keyframes cx-draw-arm{0%,to{transform:rotate(-65deg)}24%,44%{transform:rotate(-45deg)}70%{transform:rotate(-77deg)}}@keyframes cx-draw-head{0%,to{transform:rotate(7deg)translateY(1px)}40%,60%{transform:rotate(3deg)translateY(2px)}}@keyframes cx-sort-body{0%,to{transform:translate(-1.8px)rotate(-3deg)}48%,58%{transform:translate(1.8px)rotate(3deg)}}@keyframes cx-sort-head{0%,to{transform:rotate(-4deg)}48%,58%{transform:rotate(4deg)}}@keyframes cx-sort-eyes{0%,to{transform:translate(-1.2px,.5px)}48%,58%{transform:translate(1.2px,.5px)}}@keyframes cx-sort-arm{0%,15%,to{transform:rotate(34deg)}45%,65%{transform:rotate(-48deg)}}@keyframes cx-check{0%,64%,to{transform:translateY(1px)rotate(-5deg)}28%,45%{transform:translateY(2px)rotate(5deg)}}@keyframes cx-satisfied{0%,to{transform:rotate(-3deg)}22%{transform:rotate(-3deg)translateY(1.7px)}42%,75%{transform:rotate(-3deg)translateY(-.8px)}}@keyframes cx-offer{0%,to{transform:rotate(52deg)}22%,42%{transform:rotate(62deg)}}@keyframes cx-jump{0%,55%,to{transform:translateY(0)}10%{transform:translateY(1px)scaleY(.96)}23%,32%{transform:translateY(-5.5px)}44%{transform:translateY(.6px)scaleY(.98)}}@keyframes cx-cheer{0%,55%,to{transform:rotate(42deg)}23%,32%{transform:rotate(64deg)}44%{transform:rotate(48deg)}}@keyframes cx-shadow{0%,55%,to{opacity:.3;transform:scaleX(1)}23%,32%{opacity:.16;transform:scaleX(.72)}}@keyframes cx-surprise{0%,to{transform:translateY(0)}12%{transform:translateY(-4px)rotate(-2deg)}28%,70%{transform:translateY(-1px)}}@keyframes cx-surprise-head{0%,to{transform:rotate(0)}22%,65%{transform:rotate(-8deg)}}@keyframes cx-greeting{0%,to{transform:rotate(0)}25%,65%{transform:rotate(-6deg)translateY(.7px)}45%,80%{transform:rotate(2deg)}}@keyframes cx-greet-arm{0%,to{transform:rotate(24deg)}25%,65%{transform:rotate(68deg)}45%,80%{transform:rotate(45deg)}}@keyframes cx-laugh{0%,to{transform:translateY(0)}15%,35%,55%,75%{transform:translateY(-2.3px)}25%,45%,65%,85%{transform:translateY(.8px)}}@keyframes cx-laugh-head{0%,to{transform:rotate(-4deg)}20%,60%{transform:rotate(4deg)}40%,80%{transform:rotate(-3deg)}}@keyframes cx-wait{0%,35%,to{transform:translate(0)rotate(-1deg)}55%,78%{transform:translate(1.4px)rotate(1deg)}}@keyframes cx-wait-head{0%,35%,to{transform:translateY(2px)rotate(3deg)}55%,78%{transform:translateY(2px)rotate(-3deg)}}@keyframes cx-concerned{0%,to{transform:rotate(5deg)}35%,65%{transform:rotate(-4deg)translateY(1px)}}@media (prefers-reduced-motion:reduce){.cx-character *{transition:none!important;animation:none!important}.cx-character-gaze,.cx-gaze-motion{transform:none!important}.cx-face-open{opacity:1}.cx-face-blink{opacity:0}}.cx-character[data-still=true] *{transition:none!important;animation:none!important}.cx-character[data-still=true] .cx-character-gaze,.cx-character[data-still=true] .cx-gaze-motion{transform:none!important}.cx-character[data-still=true] .cx-face-open{opacity:1}.cx-character[data-still=true] .cx-face-blink{opacity:0}