.tb{--ex:0px;--ey:0px;--eye:#1fe0ff;display:block;overflow:visible}.tb *{transform-box:fill-box;transform-origin:50%}.tb[data-state=thinking]{--eye:#ff2e93}.tb[data-state=done]{--eye:#ffb627}.tb[data-state=error]{--eye:#ff8d78}.tb-eyes{transform:translate(var(--ex), var(--ey));transform-box:view-box;transition:transform .18s cubic-bezier(.2,0,0,1)}.tb-eye{fill:var(--eye);transition:fill .3s}.tb-eye-arc{fill:none;stroke:var(--eye);stroke-width:5px;stroke-linecap:round}.tb-mouth rect{fill:var(--eye);opacity:.85;transition:fill .3s}@media (prefers-reduced-motion:no-preference){.tb-float{transform-box:view-box;animation:4.2s ease-in-out infinite tb-float}.tb-halo{animation:3.4s ease-in-out infinite tb-breathe}.tb-tip{animation:1.8s ease-in-out infinite tb-ping}.tb-ear{animation:2.6s ease-in-out infinite tb-ping}.tb-eye{animation:5s ease-in-out infinite tb-blink}.tb[data-state=thinking] .tb-eyes{animation:1.1s ease-in-out infinite tb-scan}.tb[data-state=thinking] .tb-halo{animation-duration:1s}.tb[data-state=thinking] .tb-tip{animation-duration:.45s}.tb[data-state=typing] .tb-mouth rect{animation:.32s ease-in-out infinite tb-talk}.tb[data-state=typing] .tb-mouth rect:nth-child(2){animation-delay:.1s}.tb[data-state=typing] .tb-mouth rect:nth-child(3){animation-delay:.2s}.tb[data-state=done] .tb-float{animation:.7s cubic-bezier(.16,1,.3,1) tb-hop,4.2s ease-in-out .7s infinite tb-float}.tb[data-state=error] .tb-float{animation:.45s ease-in-out tb-shake}}@keyframes tb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tb-breathe{0%,to{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes tb-ping{50%{opacity:.4}}@keyframes tb-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}@keyframes tb-scan{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}@keyframes tb-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.6)}}@keyframes tb-hop{35%{transform:translateY(-14px)scale(1.04)}70%{transform:translateY(0)scale(1.02,.97)}}@keyframes tb-shake{25%{transform:translate(-4px)rotate(-3deg)}75%{transform:translate(4px)rotate(3deg)}}
