.hh-orb{--v:0;--mic:0;flex:none;position:relative}.hh-orb__in{transform-origin:0 0;width:170px;height:170px;position:absolute;top:0;left:0}.hh-orb__float{animation:5s ease-in-out infinite hh-orb-float;position:absolute;inset:0}.hh-orb__ring{pointer-events:none;width:200px;height:200px;position:absolute;top:-15px;left:-15px;overflow:visible}.hh-orb__trk{display:none}.hh-orb__rip{border:2px solid #4c49f373;border-radius:50%;animation:1.8s ease-out infinite hh-orb-ripple;display:none;position:absolute;inset:0}.hh-orb__rip+.hh-orb__rip{animation-delay:.9s}.hh-orb__orbit{width:210px;height:210px;animation:2.2s linear infinite hh-orb-spin;display:none;position:absolute;top:-20px;left:-20px}.hh-orb__orbit span{background:#4c49f3;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 0 10px #4c49f3b3}.hh-orb__orbit span+span{background:#c4ea5e;width:7px;height:7px;top:auto;bottom:-4px;box-shadow:0 0 10px #c4ea5ee6}.hh-orb__body{transform:scale(calc(1 + var(--v) * .07));background:radial-gradient(circle at 50% 55%,#ecebff 0%,#d4d0ff 60%,#b9b2f7 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset -14px -18px 34px #4c49f359,0 30px 50px -24px #4c49f399}.hh-orb__glow{opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-6px;box-shadow:0 0 0 3px #c4ea5ee6,0 0 26px 6px #c4ea5eb3}.hh-orb__aura{animation:9s linear infinite hh-orb-spin;position:absolute;inset:-20%}.hh-orb__bls{position:absolute;inset:0}.hh-orb__bl{filter:blur(16px);opacity:.85;border-radius:50%;position:absolute}.hh-orb__bl.a1{background:#6d6af7;width:60%;height:55%;top:20%;left:18%}.hh-orb__bl.a2{background:#c4ea5e;width:46%;height:44%;top:44%;left:46%}.hh-orb__bl.a3{background:#38bdf8;width:44%;height:40%;top:52%;left:14%}.hh-orb__glass{background:radial-gradient(circle at 32% 26%,#fffffff2 0%,#ffffff59 18%,#fff0 40%),radial-gradient(circle at 70% 82%,#ffffff59,#fff0 30%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff9}.hh-orb__face{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hh-orb__eyes{align-items:center;gap:22px;height:22px;display:flex}.hh-orb__e{background:#fff;border-radius:8px;width:16px;height:22px;animation:4.6s infinite hh-orb-blink;box-shadow:0 0 14px #fffffff2,0 0 4px #4c49f399}.hh-orb__m{background:#fff;border-radius:0 0 12px 12px;width:22px;height:7px;box-shadow:0 0 10px #ffffffe6}.hh-orb__check,.hh-orb__bang{display:none}.hh-orb__arc{width:20px;height:10px;box-shadow:none;filter:drop-shadow(0 0 6px #ffffffe6);background:0 0;border:5px solid #fff;border-bottom:0;border-radius:14px 14px 0 0;animation:none}@keyframes hh-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hh-orb-spin{to{transform:rotate(360deg)}}@keyframes hh-orb-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes hh-orb-ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes hh-orb-talk{0%{border-radius:0 0 12px 12px;width:22px;height:6px}20%{border-radius:9px 9px 12px 12px;width:18px;height:16px}40%{border-radius:50%;width:12px;height:11px}60%{border-radius:5px 5px 12px 12px;width:22px;height:12px}80%{border-radius:50%;width:15px;height:15px}to{border-radius:0 0 12px 12px;width:22px;height:6px}}@keyframes hh-orb-inhale{0%,to{transform:scale(1)}50%{transform:scale(.82)}}@keyframes hh-orb-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:600px}}@keyframes hh-orb-draw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@keyframes hh-orb-form{0%{opacity:0;transform:scale(.6)}60%,to{opacity:1;transform:scale(1)}}@keyframes hh-orb-faceon{0%,50%{opacity:0}to{opacity:1}}@keyframes hh-orb-nod{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(4px)rotate(-2deg)}}@keyframes hh-orb-tilt{0%,to{transform:rotate(6deg)}50%{transform:rotate(-2deg)}}@keyframes hh-orb-glance{0%,30%,to{transform:translate(0)}45%,85%{transform:translate(7px,6px)}}@keyframes hh-orb-checkdraw{0%,15%{stroke-dashoffset:70px}50%,to{stroke-dashoffset:0}}@keyframes hh-orb-bloom{0%,to{transform:scale(1)}50%{transform:scale(1.6)}}@keyframes hh-orb-glitch{0%,70%,to{transform:translate(0)}74%{transform:translate(-4px)}78%{transform:translate(3px)}82%{transform:translate(-2px)}}@keyframes hh-orb-flick{0%,60%,to{opacity:1}65%,75%{opacity:.25}}.hh-orb--hello .hh-orb__float{animation:3.4s ease-in-out infinite hh-orb-tilt}.hh-orb--hello .hh-orb__e+.hh-orb__e{width:20px;height:10px;box-shadow:none;filter:drop-shadow(0 0 6px #ffffffe6);background:0 0;border:5px solid #fff;border-bottom:0;border-radius:14px 14px 0 0;animation:none}.hh-orb--preparing .hh-orb__body{animation:1.4s cubic-bezier(.3,0,.2,1) both hh-orb-form}.hh-orb--preparing .hh-orb__face{animation:1.6s linear both hh-orb-faceon}.hh-orb--preparing .hh-orb__trk{stroke-dasharray:600;animation:1.6s ease-out both hh-orb-draw,2.4s step-end 1.6s infinite hh-orb-flick;display:block}.hh-orb--preparing .hh-orb__e{border-radius:50%;width:9px;height:9px}.hh-orb--preparing .hh-orb__m{display:none}.hh-orb--speaking .hh-orb__rip{display:block}.hh-orb--speaking .hh-orb__aura{animation-duration:4s}.hh-orb--speaking .hh-orb__m{animation:1s ease-in-out infinite hh-orb-talk}.hh-orb--speaking.hh-orb--live .hh-orb__m{width:calc(22px - var(--v) * 8px);height:calc(6px + var(--v) * 16px);border-radius:9px 9px 12px 12px;animation:none}.hh-orb--listening .hh-orb__e{border-radius:50%;width:20px;height:20px}.hh-orb--listening .hh-orb__m{border-radius:50%;width:9px;height:9px}.hh-orb--listening .hh-orb__bls{animation:1.6s ease-in-out infinite hh-orb-inhale}.hh-orb--listening.hh-orb--live .hh-orb__bls{transform:scale(calc(1 - var(--mic) * .3));animation:none}.hh-orb--listening .hh-orb__glow{opacity:.45;animation:2.4s ease-in-out infinite hh-orb-breathe}.hh-orb--listening.hh-orb--live .hh-orb__glow{opacity:calc(.4 + var(--mic) * 1.2);animation:none}.hh-orb--listening .hh-orb__rip{border-color:#84cc16b3;animation:1.8s ease-in infinite hh-orb-inrip;display:block}.hh-orb--listening .hh-orb__rip+.hh-orb__rip{animation-delay:.9s}@keyframes hh-orb-inrip{0%{opacity:0;transform:scale(1.45)}60%{opacity:.75}to{opacity:0;transform:scale(1.02)}}@keyframes hh-orb-breathe{0%,to{opacity:.3}50%{opacity:.6}}.hh-orb--golisten .hh-orb__float{animation:2.2s ease-in-out infinite hh-orb-nod}.hh-orb--golisten .hh-orb__bls{animation:2.6s ease-in-out infinite hh-orb-inhale}.hh-orb--golisten .hh-orb__e{width:20px;height:10px;box-shadow:none;filter:drop-shadow(0 0 6px #ffffffe6);background:0 0;border:5px solid #fff;border-bottom:0;border-radius:14px 14px 0 0;animation:none}.hh-orb--golisten .hh-orb__m{width:16px}.hh-orb--still .hh-orb__body{filter:saturate(.55)brightness(.97)}.hh-orb--still .hh-orb__aura{animation-duration:18s}.hh-orb--still .hh-orb__eyes{transform:translate(-7px)}.hh-orb--still .hh-orb__e{border-radius:5px;height:9px;animation:none}.hh-orb--still .hh-orb__m{border-radius:2px;width:12px;height:3px}.hh-orb--ready .hh-orb__eyes{animation:2.4s ease-in-out infinite hh-orb-glance}.hh-orb--ready .hh-orb__m{width:20px;height:8px}.hh-orb--thinking .hh-orb__aura{animation-duration:1.6s}.hh-orb--thinking .hh-orb__orbit{display:block}.hh-orb--thinking .hh-orb__eyes{transform:translate(5px,-5px)}.hh-orb--thinking .hh-orb__e{border-radius:6px;height:13px;animation:1.6s ease-in-out infinite hh-orb-think-blink}@keyframes hh-orb-think-blink{0%,40%,to{transform:scaleY(1)}48%{transform:scaleY(.1)}56%{transform:scaleY(1)}64%{transform:scaleY(.1)}72%{transform:scaleY(1)}}.hh-orb--thinking .hh-orb__m{border-radius:2px;width:12px;height:3px;transform:translate(6px)}.hh-orb--ended .hh-orb__eyes,.hh-orb--ended .hh-orb__m{display:none}.hh-orb--ended .hh-orb__check{filter:drop-shadow(0 0 8px #ffffffe6);width:56px;height:56px;display:block}.hh-orb--ended .hh-orb__check path{stroke-dasharray:70;stroke-dashoffset:70px;animation:2.6s ease-out .2s both hh-orb-checkdraw}.hh-orb--ended .hh-orb__bl.a2{animation:2.6s ease-in-out infinite hh-orb-bloom}.hh-orb--error .hh-orb__body{filter:grayscale()brightness(1.05)}.hh-orb--error .hh-orb__aura{animation-duration:30s}.hh-orb--error .hh-orb__float{animation:2.2s step-end infinite hh-orb-glitch}.hh-orb--error .hh-orb__eyes,.hh-orb--error .hh-orb__m{display:none}.hh-orb--error .hh-orb__bang{color:#fff;text-shadow:0 0 12px #ffb37ae6;font:700 46px/1 system-ui,sans-serif;animation:1.4s step-end infinite hh-orb-flick;display:block}.hh-orb__cloud{color:#4c49f3;white-space:nowrap;background:#fff;border:1.5px solid #4c49f359;border-radius:999px;padding:7px 13px;font:600 13px/1.2 inherit;animation:.35s cubic-bezier(.3,1.4,.5,1) both hh-orb-cloud-in,3s ease-in-out .35s infinite hh-orb-cloud-bob;position:absolute;top:-4px;left:calc(100% - 4px);box-shadow:0 10px 24px -10px #4c49f373,0 0 0 4px #4c49f30f}.hh-orb__puff{background:#fff;border:1.5px solid #4c49f359;border-radius:50%;position:absolute;box-shadow:0 6px 14px -8px #4c49f380}.hh-orb__puff--m{width:12px;height:12px;bottom:-9px;left:-6px}.hh-orb__puff--s{width:7px;height:7px;bottom:-17px;left:-15px}@keyframes hh-orb-cloud-in{0%{opacity:0;transform:translate(-10px,8px)scale(.6)}to{opacity:1;transform:none}}@keyframes hh-orb-cloud-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}[dir=rtl] .hh-orb__cloud{left:auto;right:calc(100% - 4px)}[dir=rtl] .hh-orb__puff--m{left:auto;right:-6px}[dir=rtl] .hh-orb__puff--s{left:auto;right:-15px}@media (prefers-reduced-motion:reduce){.hh-orb *{animation-duration:0s!important;animation-iteration-count:1!important}}
