@property --px{syntax:"<number>";inherits:true;initial-value:0}@property --py{syntax:"<number>";inherits:true;initial-value:.45}@property --lid{syntax:"<number>";inherits:true;initial-value:0}.drop{vertical-align:bottom;color:inherit;-webkit-tap-highlight-color:transparent;--spring-pop:cubic-bezier(.34, 1.56, .64, 1);background:0 0;border:0;flex:none;margin:0;padding:0;display:inline-block;position:relative}button.drop{cursor:pointer}button.drop:focus-visible{outline-offset:4px;border-radius:45%}.drop svg{width:100%;height:100%;display:block;overflow:visible}.drop svg *{transform-box:view-box}.drop-hop,.drop-body{transform-origin:50px 114px}.drop-shadow{transform-origin:50px 121px}.drop-eyes{transform-origin:50px 75px;animation:drop-blink var(--blink) var(--blink-delay) infinite}.drop-face{transform:translate(calc(var(--px) * 2.8px), calc(var(--py) * 1.8px));transition:transform .6s cubic-bezier(.22,1,.36,1)}.drop-pupil{transform:translate(calc(var(--px) * var(--t) * 1px), calc(var(--py) * var(--t) * 1px));transition:transform .34s cubic-bezier(.3,1.8,.5,1)}.drop-lid{transform:rotate(var(--tilt,0deg)) translateY(calc(var(--lid) * var(--lr) * 1px));transition:transform .45s cubic-bezier(.22,1,.36,1)}.drop-happy path,.drop-lens,.drop-spark,.drop-drips,.drop-rings,.drop-shine,.drop-twinkle,.drop-flying{opacity:0}@keyframes drop-blink{0%,93%,to{transform:none}95.5%{transform:scaleY(.08)}}@keyframes drop-blink-now{0%,to{transform:none}40%{transform:scaleY(.08)}}@keyframes drop-breathe{0%,to{transform:none}50%{transform:scale(1.025,1.035)}}@keyframes drop-glance{0%,36%{--px:0;--py:.4}40%,55%{--px:-.8;--py:.15}59%,76%{--px:.75;--py:.25}80%,to{--px:0;--py:.4}}.drop:hover .drop-eyes{animation:.32s ease-out drop-blink-now}.drop[data-state=idle] .drop-body,.drop[data-state=watching] .drop-body{animation:3.4s ease-in-out infinite drop-breathe}.drop[data-state=idle]:not([data-track]){animation:drop-glance 9s var(--blink-delay) infinite}.drop[data-state=working]{--px:.4;--py:.85}.drop[data-state=working] .drop-body{animation:1.5s ease-in-out infinite drop-wobble}@keyframes drop-wobble{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(3deg)scale(1.02,.98)}}.drop[data-agent=scout][data-state=working]{--py:.5;animation:1.8s ease-in-out infinite drop-scan}.drop[data-agent=scout][data-state=working] .drop-body{animation:1.8s ease-in-out infinite drop-lean}.drop[data-agent=scout][data-state=working] .drop-lens{opacity:1;animation:1.8s ease-in-out infinite drop-lens}.drop[data-agent=scout][data-state=working] .drop-glint{animation:1.8s ease-in-out infinite drop-glint}@keyframes drop-scan{0%,to{--px:-.9}45%,55%{--px:.9}}@keyframes drop-lean{0%,to{transform:rotate(3deg)translate(-1px)}50%{transform:rotate(6deg)translate(1px)}}@keyframes drop-lens{0%,to{transform:translate(-42px,-22px)rotate(-6deg)}45%,55%{transform:translate(-17px,-24px)rotate(4deg)}}@keyframes drop-glint{0%,to{opacity:.2}50%{opacity:1}}.drop[data-agent=sage][data-state=working]{--lid:.44;--px:.15;--py:.6}.drop[data-agent=sage][data-state=working] .drop-body{animation:3.4s ease-in-out infinite drop-nod}@keyframes drop-nod{0%,to{transform:none}30%{transform:rotate(4deg)scale(1.01,.985)}45%{transform:rotate(-1deg)}60%{transform:rotate(3deg)scale(1.01,.99)}}.drop[data-agent=muse][data-state=working] .drop-hop{animation:.95s cubic-bezier(.4,0,.6,1) infinite drop-jump}.drop[data-agent=muse][data-state=working] .drop-body{animation:.95s ease-in-out infinite drop-squash}.drop[data-agent=muse][data-state=working] .drop-shadow{animation:.95s cubic-bezier(.4,0,.6,1) infinite drop-shadow-jump}.drop[data-agent=muse][data-state=working] .drop-drips{opacity:1}.drop-drip{transform-box:fill-box;transform-origin:50% 0}.drop[data-agent=muse][data-state=working] .drop-drip{animation:1.9s ease-in infinite drop-drip}.drop[data-agent=muse][data-state=working] .drop-drip+.drop-drip{animation-delay:-.9s}@keyframes drop-jump{0%,to{transform:none}50%{transform:translateY(-12px)}}@keyframes drop-shadow-jump{0%,to{opacity:1;transform:none}50%{opacity:.5;transform:scale(.7)}}@keyframes drop-squash{0%,to{transform:scale(1.12,.88)}18%{transform:scale(.92,1.1)}50%{transform:scale(.97,1.03)}85%{transform:scale(.94,1.07)}}@keyframes drop-drip{0%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:none}30%{transform:translateY(6px)scaleY(1.3)}90%{opacity:1;transform:translateY(74px)scale(.9,1.5)}to{opacity:0;transform:translateY(82px)scaleX(.6)}}.drop[data-agent=forge][data-state=working]{--lid:.34;--py:.7;--px:.1}.drop[data-agent=forge][data-state=working] .drop-eye-l .drop-lid{--tilt:16deg}.drop[data-agent=forge][data-state=working] .drop-eye-r .drop-lid{--tilt:-16deg}.drop[data-agent=forge][data-state=working] .drop-hop{animation:1.1s cubic-bezier(.4,0,.6,1) infinite drop-hop-small}.drop[data-agent=forge][data-state=working] .drop-body{animation:1.1s ease-in-out infinite drop-squash-small}.drop[data-agent=forge][data-state=working] .drop-shadow{animation:1.1s cubic-bezier(.4,0,.6,1) infinite drop-shadow-small}.drop[data-agent=forge][data-state=working] .drop-spark{animation:1.1s ease-out infinite drop-spark}.drop-spark{transform-origin:84px 31px}@keyframes drop-hop-small{0%,30%,to{transform:none}60%{transform:translateY(-7px)}}@keyframes drop-shadow-small{0%,30%,to{transform:none}60%{transform:scale(.82)}}@keyframes drop-squash-small{0%,to{transform:scale(1.08,.92)}12%,28%{transform:none}40%{transform:scale(.96,1.05)}}@keyframes drop-spark{0%,8%{opacity:0;transform:scale(.2)rotate(0)}14%{opacity:1;transform:scale(1.15)rotate(30deg)}40%,to{opacity:0;transform:scale(.6)rotate(70deg)}}.drop[data-agent=echo][data-state=working]{--py:.2;--px:0}.drop[data-agent=echo][data-state=working] .drop-body{animation:.7s ease-in-out infinite drop-wiggle}.drop[data-agent=echo][data-state=working] .drop-rings{opacity:1}.drop[data-agent=echo][data-state=working] .drop-rings ellipse{transform-origin:50px 76px;stroke-width:2.2px;animation:2.1s ease-out infinite drop-ring}.drop[data-agent=echo][data-state=working] .drop-rings ellipse:nth-child(2){animation-delay:-.7s}.drop[data-agent=echo][data-state=working] .drop-rings ellipse:nth-child(3){animation-delay:-1.4s}@keyframes drop-wiggle{0%,to{transform:rotate(-5deg)scale(1.02,.98)}50%{transform:rotate(5deg)scale(.98,1.02)}}@keyframes drop-ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.55)}}.drop[data-agent=closer][data-state=working]{--px:-.2;--py:.3;--blink:2.6s}.drop[data-agent=closer][data-state=working] .drop-body{animation:3s ease-in-out infinite drop-leanin}.drop[data-agent=closer][data-state=working] .drop-shine,.drop[data-agent=closer][data-state=done] .drop-shine{opacity:.75;animation:2.6s ease-in-out infinite drop-shine}@keyframes drop-leanin{0%,to{transform:rotate(-4deg)scale(1.03)}50%{transform:rotate(-6deg)scale(1.05,1.02)}}@keyframes drop-shine{0%,55%{transform:skew(-20deg)translate(0)}to{transform:skew(-20deg)translate(170px)}}.drop[data-state=asking]{--px:0;--py:-.15}.drop[data-state=asking] .drop-hop{animation:2.4s cubic-bezier(.3,0,.5,1) infinite drop-ask}.drop[data-state=asking] .drop-body{animation:2.4s ease-in-out infinite drop-ask-body}.drop[data-state=asking] .drop-shadow{animation:2.4s cubic-bezier(.3,0,.5,1) infinite drop-ask-shadow}@keyframes drop-ask{0%,32%,to{transform:none}12%{transform:translateY(-18px)}24%{transform:translateY(-5px)}}@keyframes drop-ask-body{0%,to{transform:scale(1.04,.97)}4%{transform:scale(1.1,.9)}9%{transform:scale(.92,1.1)}20%{transform:scale(1.06,.95)}28%{transform:scale(.98,1.02)}36%{transform:none}}@keyframes drop-ask-shadow{0%,32%,to{opacity:1;transform:none}12%{opacity:.45;transform:scale(.6)}24%{transform:scale(.85)}}.drop-say{z-index:2;-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);width:max-content;min-width:34px;max-width:240px;font:600 15px/1.25 var(--display,system-ui);letter-spacing:-.02em;color:#121216;text-align:center;transform-origin:0 100%;animation:drop-say-in .55s var(--spring-pop) both;pointer-events:none;background:#ffffffc7;border:1px solid #ffffffe6;border-radius:18px 18px 18px 6px;padding:8px 14px;position:absolute;bottom:86%;left:64%;box-shadow:inset 0 1px #fff,0 14px 30px -14px #24184873}.drop-say:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffffe6,#fff0 45%);position:absolute;inset:0}@keyframes drop-say-in{0%{opacity:0;transform:scale(.4)translateY(8px)}}.drop[data-state=done] .drop-eye{opacity:0}.drop[data-state=done] .drop-happy path{opacity:1}.drop[data-state=done] .drop-hop{animation:1s cubic-bezier(.3,0,.5,1) both drop-bounce}.drop[data-state=done] .drop-body{animation:1s ease-in-out both drop-bounce-body,3.4s ease-in-out 1s infinite drop-breathe}.drop[data-state=done] .drop-shadow{animation:1s cubic-bezier(.3,0,.5,1) both drop-bounce-shadow}@keyframes drop-bounce{0%,48%,78%,to{transform:none}24%{transform:translateY(-16px)}63%{transform:translateY(-5px)}}@keyframes drop-bounce-body{0%{transform:scale(1.1,.9)}12%{transform:scale(.93,1.08)}48%{transform:scale(1.1,.9)}60%{transform:scale(.97,1.03)}78%{transform:scale(1.04,.96)}to{transform:none}}@keyframes drop-bounce-shadow{0%,48%,78%,to{opacity:1;transform:none}24%{opacity:.5;transform:scale(.65)}63%{transform:scale(.88)}}.drop[data-agent=muse][data-state=done] .drop-body{animation:1.1s cubic-bezier(.45,0,.2,1) both drop-spin,3.4s ease-in-out 1.1s infinite drop-breathe}@keyframes drop-spin{0%{transform:scale(1.08,.92)}25%{transform:scaleX(.05)}50%{transform:scaleX(-1)}75%{transform:scaleX(-.05)}90%{transform:scale(1.06,.95)}to{transform:none}}.drop[data-agent=forge][data-state=done] .drop-spark{animation:1.4s ease-out .25s 3 both drop-spark}.drop[data-agent=closer][data-state=done] .drop-eye-r{opacity:1}.drop[data-agent=closer][data-state=done] .drop-happy-r{opacity:0}.drop[data-agent=closer][data-state=done]{--px:-.3;--py:-.1}.drop[data-agent=closer][data-state=done] .drop-twinkle{transform-origin:80px 33px;animation:2.2s ease-out .5s infinite drop-spark}.drop[data-state=handoff]{--px:.95;--py:-.25}.drop[data-state=handoff] .drop-body{animation:1.6s ease-in-out infinite drop-pass}.drop[data-state=handoff] .drop-flying{animation:1.6s cubic-bezier(.3,0,.6,1) infinite drop-fly}@keyframes drop-pass{0%,to{transform:rotate(2deg)}22%{transform:rotate(-5deg)scale(.96,1.04)}34%{transform:rotate(10deg)scale(1.04,.97)}60%{transform:rotate(6deg)}}@keyframes drop-fly{0%,26%{opacity:0;transform:translate(0)scale(.2)}32%{opacity:1;transform:translate(8px,-12px)scale(1)}55%{opacity:1;transform:translate(38px,-24px)rotate(40deg)}80%{opacity:1;transform:translate(66px,18px)rotate(120deg)}92%,to{opacity:0;transform:translate(78px,96px)rotate(170deg)scale(.6)}}.drop-flyer{z-index:90;pointer-events:none;filter:drop-shadow(0 6px 8px #24184840);width:22px;height:28px;margin:-14px 0 0 -11px;position:fixed;top:0;left:0}.drop-flyer svg{width:100%;height:100%;display:block;overflow:visible}.drop-landing{z-index:89;pointer-events:none;width:0;height:0;position:fixed}.drop-landing i{border:2px solid var(--c);opacity:0;border-radius:50%;width:60px;height:22px;animation:1s cubic-bezier(.22,1,.36,1) forwards drop-land;position:absolute;top:-11px;left:-30px}.drop-landing i+i{animation-delay:.16s}@keyframes drop-land{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.drop,.drop *,.drop-landing i{transition:opacity .3s!important;animation:none!important}.drop[data-agent=scout][data-state=working] .drop-lens{transform:translate(-14px,-14px)}.drop[data-state=handoff] .drop-flying,.drop-shine{opacity:0!important}.drop[data-state=working] .drop-spark,.drop[data-state=done] .drop-spark{opacity:1}}