:root{--robot-anim-ease:cubic-bezier(.4, 0, .2, 1);--robot-anim-bounce:cubic-bezier(.34, 1.56, .64, 1);--robot-brand-purple:#5e2e88;--robot-brand-pink:#de3582;--robot-brand-red:#ec533b;--robot-brand-orange:#f5912d}.robot-head-wrapper{--anim-ease:var(--robot-anim-ease);--anim-bounce:var(--robot-anim-bounce);--brand-purple:var(--robot-brand-purple);--brand-pink:var(--robot-brand-pink);--brand-red:var(--robot-brand-red);--brand-orange:var(--robot-brand-orange);isolation:isolate;width:100%;max-width:480px;height:auto;line-height:0;display:block;position:relative;overflow:visible}.robot-head-wrapper:before{content:"";filter:blur(10px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#a855f72e 0%,#f472b60f 40%,#0000 70%);position:absolute;inset:18%}.robot-head-wrapper.variant-eyes{justify-content:center;align-items:center;display:flex;overflow:hidden}.robot-head-wrapper.variant-eyes:before{display:none}.robot-head-wrapper.variant-eyes svg{flex:none;width:100%;height:auto}.robot-head-wrapper svg{width:100%;height:auto;display:block;overflow:visible}.robot-head-wrapper .bot-silhouette{fill:url(#robotOutlineGrad);stroke:url(#robotOutlineGrad);stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 0 6px #a855f759)}.robot-head-wrapper .bot-indicator-base{fill:#fff;filter:drop-shadow(0 0 4px #ffffffd9)drop-shadow(0 0 10px #a855f780);transition:fill .6s var(--anim-ease), filter .6s var(--anim-ease)}.robot-head-wrapper .bot-head{transform-origin:512px 850px;transition:transform 1.6s var(--anim-ease)}.robot-head-wrapper .bot-face-group{transform-origin:512px 512px;transition:transform 1.4s var(--anim-ease)}.robot-head-wrapper .bot-eyes-container{transform-box:fill-box;transform-origin:50%;transition:transform 1.2s cubic-bezier(.22, 1, .36, 1), filter .5s var(--anim-ease)}.robot-head-wrapper .bot-eye-wrap{transform-box:fill-box;transform-origin:50%;transition:transform 1.1s var(--anim-ease)}.robot-head-wrapper .bot-eye{transform-box:fill-box;transform-origin:50%;transition:transform 1.1s var(--anim-ease), fill .5s var(--anim-ease), filter .5s var(--anim-ease);fill:#fff;filter:drop-shadow(0 0 5px #ffffffb3)}.robot-head-wrapper .bot-indicator-dot{transform-origin:510px 205px;transition:all .6s var(--anim-ease)}@keyframes robot-breathe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1.5deg)}}.robot-head-wrapper.state-idle .bot-head{animation:4s ease-in-out infinite robot-breathe}@keyframes robot-blink{0%,47%,53%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.robot-head-wrapper .bot-eye{animation:6s infinite robot-blink}@keyframes robot-signal{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.robot-head-wrapper.state-idle .bot-indicator-dot{animation:2s ease-in-out infinite robot-signal}.robot-head-wrapper.state-thinking .bot-head{animation:none;transform:rotate(10deg)translate(8px,-8px)}.robot-head-wrapper.state-thinking .bot-face-group{transform:translate(10px,-5px)}.robot-head-wrapper.state-thinking .bot-eye-wrap.eye-left{transform:scaleY(.6)rotate(15deg)}.robot-head-wrapper.state-thinking .bot-eye-wrap.eye-right{transform:scale(1.1)translateY(-8px)}.robot-head-wrapper.state-thinking .bot-indicator-dot{animation:.8s ease-in-out infinite robot-signal}.robot-head-wrapper.state-curious .bot-head{animation:none;transform:translateY(-25px)scale(1.06)rotate(-4deg)}.robot-head-wrapper.state-curious .bot-face-group{transform:translateY(15px)}.robot-head-wrapper.state-curious .bot-eyes-container{transform:translateY(-6px)scale(1.22)}@keyframes robot-track{0%,to{transform:translate(-15px)scaleY(.4)}50%{transform:translate(15px)scaleY(.4)}}.robot-head-wrapper.state-focused .bot-head{animation:none;transform:translateY(15px)scale(1.02)rotate(3deg)}.robot-head-wrapper.state-focused .bot-eye{animation:3s ease-in-out infinite robot-track}@keyframes robot-gentle-sway{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-5px)}}@keyframes robot-fast-scan{0%,to{transform:translate(-25px)}50%{transform:translate(25px)}}.robot-head-wrapper.state-processing .bot-head{animation:2.5s ease-in-out infinite robot-gentle-sway}.robot-head-wrapper.state-processing .bot-eyes-container{color:#ffffffe6;filter:drop-shadow(0 0 15px)}.robot-head-wrapper.state-processing .bot-eye{fill:#fff;animation:robot-fast-scan .8s infinite var(--anim-ease)}.robot-head-wrapper.state-processing .bot-indicator-dot{animation:.4s ease-in-out infinite robot-signal}.robot-head-wrapper.state-processing .bot-indicator-base{fill:#fff}@keyframes robot-vibrate{0%,to{transform:rotate(-5deg)translate(0)}25%{transform:rotate(-5deg)translate(-2px,2px)}75%{transform:rotate(-5deg)translate(2px,-2px)}}.robot-head-wrapper.state-alert .bot-head{animation:.15s infinite robot-vibrate}.robot-head-wrapper.state-alert .bot-eye{fill:#fff;filter:drop-shadow(0 0 20px #ffffffe6)}.robot-head-wrapper.state-alert .bot-eye-wrap.eye-left{transform:rotate(30deg)scaleY(.8)translateY(10px)}.robot-head-wrapper.state-alert .bot-eye-wrap.eye-right{transform:rotate(-30deg)scaleY(.8)translateY(10px)}.robot-head-wrapper.state-alert .bot-indicator-dot{filter:drop-shadow(0 0 15px #ffffffe6)}.robot-head-wrapper.state-alert .bot-indicator-base{fill:#fff}.robot-head-wrapper.variant-white .bot-silhouette{fill:#fff;stroke:#fff;stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 0 6px #ffffff8c)}.robot-head-wrapper.variant-white .bot-eye{fill:#fff;filter:drop-shadow(0 0 4px #ffffffb3)}.robot-head-wrapper.variant-white .bot-indicator-base{fill:#fff;filter:drop-shadow(0 0 4px #ffffffbf)}.robot-head-wrapper.variant-white.state-processing .bot-eye,.robot-head-wrapper.variant-white.state-alert .bot-eye,.robot-head-wrapper.variant-white.state-processing .bot-indicator-base,.robot-head-wrapper.variant-white.state-alert .bot-indicator-base{fill:#fff}.robot-head-wrapper.variant-eyes .bot-head,.robot-head-wrapper.variant-eyes .bot-face-group{transform-box:fill-box;transform-origin:50% 55%}.robot-head-wrapper.variant-eyes .bot-eye-path{fill:#fff;stroke:#00000014;stroke-width:.65px}@media (prefers-reduced-motion:reduce){.robot-head-wrapper .bot-head,.robot-head-wrapper .bot-face-group,.robot-head-wrapper .bot-eyes-container,.robot-head-wrapper .bot-eye,.robot-head-wrapper .bot-indicator-dot{transition-duration:.01ms!important;animation:none!important}.robot-head-wrapper .bot-head,.robot-head-wrapper .bot-face-group,.robot-head-wrapper .bot-eyes-container,.robot-head-wrapper .bot-eye,.robot-head-wrapper .bot-eye-wrap.eye-left,.robot-head-wrapper .bot-eye-wrap.eye-right{transform:none!important}.robot-head-wrapper.state-processing .bot-eyes-container{filter:none!important}.robot-head-wrapper.state-alert .bot-eye{filter:drop-shadow(0 0 4px #ffffff73)!important}}
