.agent-avatar{isolation:isolate;flex-shrink:0;display:inline-grid;position:relative}.agent-avatar-body,.agent-avatar-body>img,.agent-avatar-body>svg{grid-area:1/1;width:100%;height:100%}.agent-avatar-body{transform-origin:50% 92%;display:grid}.agent-avatar-body>img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.agent-avatar-body>svg{overflow:visible}.agent-eyes,.agent-eye,.agent-eye-open{transform-box:fill-box;transform-origin:50%}.agent-eye-happy{opacity:0}.agent-avatar:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--warn) 55%, transparent), transparent);opacity:0;transition:opacity .24s var(--ease-out);border-radius:50%;position:absolute;inset:4%}.agent-avatar[data-state=idle] .agent-avatar-body{animation:avatar-breathe 3.8s var(--avatar-delay,0s) ease-in-out infinite}.agent-avatar[data-state=idle] .agent-eye-open{animation:avatar-blink 5.2s var(--avatar-delay,0s) infinite}.agent-avatar[data-state=idle] .agent-eyes{animation:avatar-glance 9s calc(var(--avatar-delay,0s) * 2) ease-in-out infinite}.agent-avatar[data-state=thinking] .agent-avatar-body{animation:2.8s ease-in-out infinite avatar-sway}.agent-avatar[data-state=thinking] .agent-eyes{animation:3.2s ease-in-out infinite avatar-ponder}.agent-avatar[data-state=thinking] .agent-eye-open{animation:4.4s 1.2s infinite avatar-blink}.agent-avatar[data-state=working] .agent-avatar-body{animation:.7s ease-in-out infinite alternate avatar-bounce}.agent-avatar[data-state=working] .agent-eyes{animation:1.4s ease-in-out infinite avatar-scan}.agent-avatar[data-state=waiting]:before{opacity:1;animation:1.8s ease-in-out infinite avatar-halo}.agent-avatar[data-state=waiting] .agent-avatar-body{animation:1.8s ease-in-out infinite avatar-hop}.agent-avatar[data-state=waiting] .agent-eye-open{transform:scale(1.22)}.agent-avatar[data-state=done] .agent-avatar-body{animation:avatar-cheer .9s var(--ease-out) 1, avatar-breathe 3.8s .9s ease-in-out infinite}.agent-avatar[data-state=done] .agent-eye-open{opacity:0}.agent-avatar[data-state=done] .agent-eye-happy{opacity:1}.agent-avatar[data-size=sm][data-state=working] .agent-avatar-body{animation-name:avatar-bounce-sm}.agent-avatar[data-size=sm][data-state=waiting] .agent-avatar-body{animation-name:avatar-hop-sm}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,1.03)translateY(-1%)}}@keyframes avatar-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}@keyframes avatar-glance{0%,38%,to{transform:translate(0)}42%,52%{transform:translate(-2.2px,.4px)}56%,66%{transform:translate(2.2px,.4px)}70%{transform:translate(0)}}@keyframes avatar-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes avatar-ponder{0%,to{transform:translate(-1.8px,-2.6px)}50%{transform:translate(1.2px,-3px)}}@keyframes avatar-bounce{0%{transform:translateY(0)scale(1.02,.98)}to{transform:translateY(-5%)scale(.99,1.02)}}@keyframes avatar-bounce-sm{0%{transform:translateY(0)}to{transform:translateY(-3%)}}@keyframes avatar-scan{0%,to{transform:translate(-2.6px)}50%{transform:translate(2.6px)}}@keyframes avatar-hop{0%,55%,to{transform:translateY(0)rotate(0)}65%{transform:translateY(-9%)rotate(-4deg)}75%{transform:translateY(0)rotate(3deg)}85%{transform:translateY(-4%)rotate(0)}}@keyframes avatar-hop-sm{0%,60%,to{transform:translateY(0)}72%{transform:translateY(-6%)}}@keyframes avatar-halo{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.12)}}@keyframes avatar-cheer{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-14%)scale(.96,1.06)}65%{transform:translateY(0)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.agent-avatar *,.agent-avatar:before{animation:none!important}}