.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:view-box;transform-origin:50% 86.7%}.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(-65deg)}.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(-32deg)}.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(12deg)}.cx-character[data-state=organizing] .cx-arm-right .cx-arm-motion{transform:rotate(-32deg)}.cx-character[data-state=organizing] .cx-character-head{transform:rotate(-4deg)}.cx-character[data-state=compacting] .cx-character-head{transform:translateY(1.4px)}.cx-character[data-state=compacting] .cx-arm-motion{transform:rotate(-27deg)}.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:not([data-still=true]) .cx-character-art{shape-rendering:geometricprecision}.cx-character-gaze{transition:transform .1s ease-out}.cx-character-rig{animation:4.8s ease-in-out infinite cx-breathe}.cx-face-open{transform-box:fill-box;transform-origin:50%;animation:5.6s ease-in-out infinite cx-eyes-open}.cx-face-blink{animation:5.6s ease-in-out 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-rig{animation:4s ease-in-out infinite cx-lean-in}.cx-character[data-state=curious] .cx-character-head{animation:4s ease-in-out infinite cx-curious}.cx-character[data-state=curious] .cx-gaze-motion{animation:4s ease-in-out infinite cx-curious-eyes}.cx-character[data-state=queued] .cx-character-rig{animation:.92s ease-in-out both cx-ready}.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 ease-in-out 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 ease-in-out 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.8s ease-in-out infinite cx-work-body}.cx-character[data-state=typing] .cx-character-head{animation:1.8s ease-in-out infinite cx-compose-head}.cx-character[data-state=typing] .cx-arm-left .cx-arm-motion{animation:1.8s ease-in-out infinite cx-work-arm}.cx-character[data-state=typing] .cx-arm-right .cx-arm-motion{animation:1.8s ease-in-out infinite cx-work-arm-right}.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 ease-in-out 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 infinite cx-sort-arm-right}.cx-character[data-state=compacting] .cx-character-rig{animation:3.2s ease-in-out infinite cx-gather-body}.cx-character[data-state=compacting] .cx-arm-motion{animation:3.2s ease-in-out infinite cx-gather-arms}.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 ease-in-out 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] *,.cx-character[data-pose-changing=true] :is(.cx-character-rig,.cx-character-head,.cx-arm-motion,.cx-gaze-motion,.cx-character-shadow){animation-play-state:paused!important}}@keyframes cx-breathe{0%,to{translate:0}50%{translate:0 -1.1px}}@keyframes cx-eyes-open{0%,17%,22%,76%,81%,to{opacity:1;transform:scaleY(1)}19%,20%,78%,79%{opacity:.1;transform:scaleY(.22)}}@keyframes cx-eyes-blink{0%,17%,22%,76%,81%,to{opacity:0}19%,20%,78%,79%{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-lean-in{0%,to{transform:rotate(3deg)}26%,52%{transform:translateY(.8px)rotate(4deg)}72%{transform:translateY(-.6px)rotate(1deg)}}@keyframes cx-curious{0%,to{transform:rotate(-10deg)translateY(-1px)}28%,48%{transform:rotate(-5deg)translateY(1.4px)}70%,80%{transform:rotate(3deg)translateY(-.4px)}}@keyframes cx-curious-eyes{0%,to{transform:translate(-1px,.4px)}27%,45%{transform:translate(.2px,1px)}70%,80%{transform:translate(1.2px,.5px)}}@keyframes cx-ready{0%{transform:translateY(0)}25%{transform:translateY(1px)scaleY(.97)}54%{transform:translateY(-2.4px)}78%{transform:translateY(.6px)}to{transform:translateY(0)}}@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%,to{transform:rotate(6deg)translateY(1px)}18%,42%{transform:rotate(10deg)translateY(-.7px)}68%,80%{transform:rotate(1deg)translateY(1.6px)}}@keyframes cx-consider{0%,to{transform:translate(-1px,-.7px)}18%,40%{transform:translate(1.4px,-1px)}65%,80%{transform:translate(.2px,.45px)}}@keyframes cx-chin{0%,to{transform:rotate(-65deg)}18%,42%{transform:rotate(-77deg)}67%,82%{transform:rotate(-41deg)}}@keyframes cx-scan{0%,to{transform:translate(-1.3px,.35px)}27%,39%{transform:translate(1.25px,.4px)}50%{transform:translate(-1.3px,1px)}76%,84%{transform:translate(1.25px,1px)}}@keyframes cx-read{0%,to{transform:translateY(2px)rotate(2deg)}36%{transform:translateY(1.4px)rotate(-2deg)}56%,76%{transform:translateY(3px)rotate(2deg)}}@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)}24%,46%{transform:translateY(.8px)rotate(.8deg)}73%{transform:translateY(-.7px)}}@keyframes cx-compose-head{0%,to{transform:translateY(2px)}34%,51%{transform:translateY(2.4px)rotate(-2deg)}74%{transform:translateY(-.45px)rotate(2deg)}}@keyframes cx-work-arm{0%,to{transform:rotate(-32deg)}18%{transform:rotate(-54deg)}34%{transform:rotate(-39deg)}48%{transform:rotate(-51deg)}72%,84%{transform:rotate(-26deg)}}@keyframes cx-work-arm-right{0%,to{transform:rotate(-32deg)}17%{transform:rotate(-26deg)}31%{transform:rotate(-53deg)}46%{transform:rotate(-38deg)}62%{transform:rotate(-49deg)}82%{transform:rotate(-27deg)}}@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.2px)rotate(-2.4deg)}30%{transform:translateY(.8px)}48%,63%{transform:translate(1.2px)rotate(2.4deg)}81%{transform:translateY(-.4px)}}@keyframes cx-sort-head{0%,to{transform:rotate(-4deg)translateY(1.4px)}33%{transform:translateY(.8px)}52%,64%{transform:rotate(5deg)translateY(1.8px)}84%{transform:rotate(-1deg)translateY(-.8px)}}@keyframes cx-sort-eyes{0%,to{transform:translate(-1.2px,.55px)}32%,63%{transform:translate(1.2px,.65px)}83%{transform:translate(.1px,-.4px)}}@keyframes cx-sort-arm{0%,14%,to{transform:rotate(12deg)}38%,58%{transform:rotate(-38deg)}78%{transform:rotate(-14deg)}}@keyframes cx-sort-arm-right{0%,to{transform:rotate(-32deg)}28%,38%{transform:rotate(-40deg)}59%,69%{transform:rotate(14deg)}86%{transform:rotate(-14deg)}}@keyframes cx-gather-body{0%,to{transform:translateY(0)}34%,56%{transform:translateY(1.3px)scaleY(.96)}76%{transform:translateY(-1px)}}@keyframes cx-gather-arms{0%,to{transform:rotate(-27deg)}34%,56%{transform:rotate(-50deg)}76%{transform:rotate(-22deg)}}@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}
