.a{max-width:100%;position:relative;perspective:800px;isolation:isolate;flex-shrink:0}.e{transition:transform .45s ease;transform-style:preserve-3d}.r{width:100%;aspect-ratio:512/440;position:relative;overflow:hidden;mix-blend-mode:normal;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 96%,transparent)}.r img{position:absolute;width:300%;max-width:none;height:auto;user-select:none}.r:has(canvas[data-rendered=true])>img{visibility:hidden}.r[data-shape=triangle],.r[data-shape=square]{mask-image:linear-gradient(to bottom,transparent,#000 2%,#000 96%,transparent)}.t{transform-origin:50% 82%}.f{display:grid;place-items:center;width:100%;height:100%;background:var(--accent);color:#fff;border-radius:50%;font-size:2em}.a[data-motion=true][data-state=ready] .t{animation:n 5.5s ease-in-out infinite}.a[data-motion=true][data-state=listening] .t{animation:o 4.8s ease-in-out infinite}.a[data-motion=true][data-state=thinking] .t{animation:s 5.8s ease-in-out infinite}.a[data-motion=true][data-state=responding] .t{animation:i 2.8s ease-in-out infinite}.a[data-motion=true][data-state=complete] .t{animation:l 1.8s ease-in-out 1}.a[data-motion=true][data-state=complete][data-completion-emphasis=true] .t{animation:m 2.1s ease-in-out 1}.a[data-motion=true][data-state=attention] .t{animation:d 5s ease-in-out infinite}@keyframes n{0%,to{transform:translateY(0)}42%{transform:translateY(calc(var(--lift)*-.25))}76%{transform:translateY(calc(var(--lift)*.08))}}@keyframes o{0%,to{transform:rotate(-2deg) scale(1.01)}25%,65%{transform:translate(-5px) rotate(calc(var(--turn)*-.65)) scale(1.035)}45%{transform:translate(-5px,4px) rotate(calc(var(--turn)*-.65)) scale(1.035)}}@keyframes s{0%,to{transform:rotate(1deg)}30%,72%{transform:translateY(calc(var(--lift)*-.22)) rotate(calc(var(--turn)*.65))}}@keyframes i{0%,to{transform:translateY(0) rotate(-1deg)}22%{transform:translateY(calc(var(--lift)*-.36)) rotate(1.5deg)}42%{transform:translateY(3px) rotate(0)}66%{transform:translateY(calc(var(--lift)*-.22)) rotate(-1.5deg)}82%{transform:translateY(2px)}}@keyframes l{0%,to{transform:translateY(0)}28%{transform:translateY(calc(var(--lift)*.28)) rotate(1deg)}48%{transform:translateY(calc(var(--lift)*.12)) rotate(.4deg)}68%,86%{transform:translateY(0)}}@keyframes d{0%,to{transform:rotate(-2deg)}18%{transform:translateY(calc(var(--lift)*-.35)) rotate(calc(var(--turn)*-.75))}32%{transform:translateY(2px) rotate(calc(var(--turn)*-.75))}48%,82%{transform:rotate(calc(var(--turn)*-.75))}}@keyframes m{0%,to{transform:translateY(0) rotate(0)}24%{transform:translateY(calc(var(--lift)*.34)) rotate(1deg)}32%,60%{transform:translateY(calc(var(--lift)*.14)) rotate(calc(var(--turn)*.52))}82%{transform:translateY(0) rotate(0)}}@media(prefers-reduced-motion:reduce){.t{animation:none!important}.e{transition:none!important}}
