.chat-fig{aspect-ratio:284/480;height:112px;right:calc(6px + env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 5.75rem);transform-origin:100% 100%;transition:transform .35s,opacity .35s}@media (min-width:768px){.chat-fig{height:140px;right:calc(12px + env(safe-area-inset-right))}}@media (min-width:1024px){.chat-fig{height:150px;bottom:16px;right:20px}}.chat-fig .fig{transform-origin:50% 100%;position:absolute;inset:0}.chat-fig img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.chat-fig .arm{transform-origin:69.19% 43.65%}.chat-fig .shadow{background:radial-gradient(closest-side,#2e2a3347,#2e2a3300);border-radius:50%;height:10px;position:absolute;bottom:-4px;left:14%;right:14%}.chat-fig .bubble{white-space:nowrap;background:var(--surface);color:var(--foreground);border:1px solid var(--border);text-align:left;opacity:0;transform-origin:100% 100%;pointer-events:none;border-radius:18px 18px 4px;padding:9px 13px;font-size:14px;font-weight:600;line-height:1.25;transition:opacity .25s,transform .25s;position:absolute;bottom:64%;right:calc(100% - 4px);transform:translateY(6px)scale(.96);box-shadow:0 8px 22px #2e2a3324}.chat-fig .bubble small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}@media (max-width:1023px){.chat-fig .bubble{padding:7px 11px;font-size:13px}.chat-fig .bubble small{display:none}}.chat-fig.talk .bubble{opacity:1;transform:none}.chat-fig.hop .fig{animation:.9s cubic-bezier(.3,.7,.4,1) both fig-hop}.chat-fig.hop .shadow{animation:.9s cubic-bezier(.3,.7,.4,1) both fig-shadow}.chat-fig.wave .arm,.chat-fig:hover .arm{animation:1.5s ease-in-out both fig-wave}@keyframes fig-hop{0%{transform:none}14%{transform:scale(1.04,.94)}40%{transform:translateY(-22%)scale(.97,1.04)}62%{transform:translateY(0)scale(1.05,.93)}76%{transform:translateY(-6%)}to{transform:none}}@keyframes fig-shadow{0%,to{opacity:1;transform:none}40%{opacity:.5;transform:scale(.6)}62%{transform:scale(1.1)}}@keyframes fig-wave{0%,to{transform:rotate(0)}15%{transform:rotate(-10deg)}32%{transform:rotate(8deg)}49%{transform:rotate(-10deg)}66%{transform:rotate(8deg)}83%{transform:rotate(-6deg)}}.chat-fig .lid{opacity:0}.chat-fig.blink .lid{opacity:1}@media (prefers-reduced-motion:reduce){.chat-fig .fig,.chat-fig .shadow{animation:none!important}.chat-fig{transition:none}}