.agent-character{display:inline-block;flex:none;overflow:visible;vertical-align:middle;contain:layout style}.agent-character__body,.agent-character__face,.agent-character__eyes{transform-origin:32px 32px}.agent-character__face{fill:var(--character-ink)}.agent-character__mouth{display:none;transform-origin:32px 43px}.agent-character__smile{display:none;fill:none;stroke:var(--character-ink);stroke-width:3;stroke-linecap:round}.agent-character[data-state=thinking] .agent-character__gaze{transform:translate(-1.5px,-3px)}.agent-character[data-state=working] .agent-character__body{transform-origin:32px 56px}.agent-character[data-state=waiting] .agent-character__gaze{transform:translate(2px,1px)}.agent-character[data-state=waiting] .agent-character__face{transform:scaleY(.8)}.agent-character[data-state=done] .agent-character__eyes{display:none}.agent-character[data-state=done] .agent-character__smile{display:block}@media(prefers-reduced-motion:no-preference){.agent-character[data-motion=on] .agent-character__body{transition:transform .24s ease}.agent-character[data-motion=on] .agent-character__eyes{animation:character-blink var(--character-blink-duration) ease-in-out infinite;animation-delay:var(--character-phase)}.agent-character[data-motion=on][data-state=idle] .agent-character__gaze{animation:character-look 13s ease-in-out infinite;animation-delay:var(--character-phase)}.agent-character[data-motion=on][data-state=thinking] .agent-character__body{animation:character-think 4.2s ease-in-out infinite}.agent-character[data-motion=on][data-state=working] .agent-character__body{animation:character-work 2.8s ease-in-out infinite;animation-delay:var(--character-phase)}.agent-character[data-motion=on][data-state=working] .agent-character__gaze{animation:character-focus 2.8s ease-in-out infinite;animation-delay:var(--character-phase)}.agent-character[data-motion=on][data-state=done] .agent-character__body{animation:character-hello .64s ease-in-out both}[data-avatar-target]:is(:hover,:focus-visible) .agent-character[data-motion=on][data-state=idle] .agent-character__body{transform:translateY(-1px) rotate(-4deg)}.agent-character[data-motion=on]:hover .agent-character__gaze{animation:none;transform:translate(var(--character-gaze-x, 0px),var(--character-gaze-y, 0px))}}@keyframes character-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes character-look{0%,24%,50%,to{transform:translate(0)}29%,39%{transform:translate(2px,-1px)}70%,79%{transform:translate(-2px,.5px)}}@keyframes character-think{0%,to{transform:rotate(0)}24%,56%{transform:rotate(-8deg) translateY(-1px)}74%{transform:rotate(3deg)}}@keyframes character-work{0%,to{transform:translateY(0) rotate(-3deg)}12%{transform:scale(1.06,.94) rotate(-3deg)}28%{transform:translateY(-5px) scale(.97,1.03) rotate(4deg)}43%{transform:scale(1.04,.96) rotate(3deg)}56%{transform:translateY(-2px) rotate(-2deg)}72%,86%{transform:translateY(0) rotate(-3deg)}}@keyframes character-focus{0%,12%,to{transform:translate(-3px,1px)}28%,43%{transform:translate(3px,1px)}56%,68%{transform:translate(-1px,2px)}78%,88%{transform:translate(1px)}}@keyframes character-hello{0%,to{transform:translateY(0)}35%{transform:translateY(-4px) rotate(-5deg)}65%{transform:translateY(-1px) rotate(3deg)}}