@property --esf-tono{syntax:"<color>";inherits:true;initial-value:#e6e8ee}@property --esf-t{syntax:"<percentage>";inherits:true;initial-value:0%}.esf{--R:min(34vw, 25vh, 136px);--ink:#1b1c24;--pearl:#e9eaee;--surface:var(--esf-surface,var(--void,#0d0e12));display:inline-block;position:relative}.esf.esf-mini{--R:28px}.esf.esf-light{--surface:var(--esf-surface,var(--void,#f4f5f8))}.esf-orb{--esf-tono:#e6e8ee;--esf-t:0%;--body:color-mix(in oklab, var(--pearl) calc(100% - var(--esf-t)), var(--esf-tono));width:calc(var(--R) * 2);height:calc(var(--R) * 2);cursor:pointer;--dur:.5s;transition:--esf-tono var(--dur) ease, --esf-t var(--dur) ease, transform .45s cubic-bezier(.3,1.4,.5,1), width .4s ease, height .4s ease;outline:none;position:relative}.esf-orb:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--esf-tono) 60%, transparent);border-radius:50%}.esf-shadow{height:10%;filter:blur(calc(var(--R) * .07));background:#00000073;border-radius:50%;position:absolute;bottom:-12%;left:18%;right:18%}.esf-light .esf-shadow{background:#14162847}.esf-body{background:radial-gradient(circle at 34% 27%, color-mix(in oklab, var(--body) 45%, white) 0%, var(--body) 46%, color-mix(in oklab, var(--body) 72%, #2c2e3a) 100%);box-shadow:inset 0 calc(var(--R) * -.05) calc(var(--R) * .14) #0000001f;border-radius:50%;animation:3.4s ease-in-out infinite esf-breathe;position:absolute;inset:0}.esf-light .esf-body{box-shadow:inset 0 calc(var(--R) * -.05) calc(var(--R) * .14) #0000001f, 0 0 0 1px #14162814, 0 6px 18px #1416282e}@keyframes esf-breathe{50%{transform:scale(1.025,.985)}}.esf-eyes{width:0;height:0;position:absolute;top:50%;left:50%}.esf-eye{--w:calc(var(--R) * .17);--h:calc(var(--R) * .3);width:var(--w);height:var(--h);margin:calc(var(--h) / -2 - var(--R) * .07) 0 0 calc(var(--w) / -2);background:var(--ink);border:0 solid var(--ink);border-radius:999px;transition:width .22s,height .22s,margin .22s,border-radius .22s,background .22s,transform .12s;position:absolute}.esf-eye.esf-l{left:calc(var(--R) * -.18)}.esf-eye.esf-r{left:calc(var(--R) * .18)}.esf-blink .esf-eye{transform:scaleY(.1)}.esf-badge{width:calc(var(--R) * .46);height:calc(var(--R) * .46);background:var(--esf-tono);min-width:16px;min-height:16px;box-shadow:0 0 0 max(2px, calc(var(--R) * .04)) var(--surface);border-radius:50%;place-items:center;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:-2%;right:-2%;transform:scale(0)}.esf-badge.esf-on{transform:scale(1)}.esf-badge svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:58%;height:58%}.esf-badge .esf-dots{justify-content:center;gap:12%;width:62%;display:flex}.esf-badge .esf-dots b{aspect-ratio:1;background:#fff;border-radius:50%;width:22%;animation:1s ease-in-out infinite esf-dot}.esf-badge .esf-dots b:nth-child(2){animation-delay:.15s}.esf-badge .esf-dots b:nth-child(3){animation-delay:.3s}@keyframes esf-dot{0%,60%,to{opacity:.55;transform:translateY(0)}30%{opacity:1;transform:translateY(-45%)}}.esf-ring{opacity:0;pointer-events:none;width:122%;height:122%;transition:opacity .3s;position:absolute;inset:-11%;overflow:visible;transform:rotate(-90deg)}.esf-ring.esf-on{opacity:1}.esf-ring circle{fill:none;stroke-width:3.2px;vector-effect:non-scaling-stroke}.esf-mini .esf-ring circle{stroke-width:3px}.esf-ring .esf-track{stroke:#ffffff1a}.esf-light .esf-ring .esf-track{stroke:#1416281a}.esf-ring .esf-bar{stroke:var(--esf-tono);stroke-linecap:round;transition:stroke-dasharray .45s}.esf-zz{font-size:calc(var(--R) * .22);color:var(--esf-tono);opacity:0;pointer-events:none;font-weight:600;position:absolute;top:-4%;right:4%}.esf-zz+.esf-zz{font-size:calc(var(--R) * .17)}.esf-orb[data-state=think] .esf-eye,.esf-orb[data-state=work] .esf-eye,.esf-orb[data-state=search] .esf-eye{--h:calc(var(--R) * .26)}.esf-orb[data-state=need] .esf-eye{--w:calc(var(--R) * .22);--h:calc(var(--R) * .36)}.esf-orb[data-state=need] .esf-body{animation:.9s cubic-bezier(.3,0,.4,1) infinite esf-bounce}.esf-orb[data-state=need] .esf-shadow,.esf-orb[data-state=ask].esf-urgent .esf-shadow{animation:.9s cubic-bezier(.3,0,.4,1) infinite esf-shadow-k}@keyframes esf-bounce{0%,to{transform:translateY(0)scale(1.04,.96)}45%{transform:translateY(-9%)scale(.97,1.03)}}@keyframes esf-shadow-k{45%{opacity:.6;transform:scale(.8)}}.esf-orb[data-state=ask]{transform:rotate(-10deg)}.esf-orb.esf-urgent .esf-body{animation:.6s cubic-bezier(.3,0,.4,1) infinite esf-bounce-hard!important}.esf-orb.esf-urgent .esf-shadow{animation:.6s cubic-bezier(.3,0,.4,1) infinite esf-shadow-k!important}@keyframes esf-bounce-hard{0%,to{transform:translateY(0)scale(1.07,.93)}45%{transform:translateY(-15%)scale(.95,1.05)}}.esf-orb.esf-urgent .esf-ring .esf-track{stroke:color-mix(in oklab, var(--esf-tono) 45%, transparent)}.esf-orb[data-state=done] .esf-eye{--w:calc(var(--R) * .22);--h:calc(var(--R) * .14);border-width:max(2px, calc(var(--R) * .055)) max(2px, calc(var(--R) * .055)) 0;margin-top:calc(var(--R) * -.12);background:0 0;border-radius:999px 999px 0 0}.esf-orb[data-state=done] .esf-body{animation:.55s cubic-bezier(.3,0,.4,1) 2 esf-hop,3.4s ease-in-out 1.1s infinite esf-breathe}@keyframes esf-hop{50%{transform:translateY(-8%)scale(.97,1.03)}}.esf-orb[data-state=error] .esf-eye{--h:max(2px, calc(var(--R) * .06))}.esf-orb[data-state=error] .esf-body{animation:.4s ease-in-out esf-shake,3.4s ease-in-out .4s infinite esf-breathe}@keyframes esf-shake{20%,60%{transform:translate(-4%)}40%,80%{transform:translate(4%)}}.esf-orb[data-state=sleep] .esf-eye{--w:calc(var(--R) * .2);--h:calc(var(--R) * .1);border-width:0 max(2px, calc(var(--R) * .045)) max(2px, calc(var(--R) * .045));margin-top:calc(var(--R) * -.04);background:0 0;border-radius:0 0 999px 999px}.esf-orb[data-state=sleep] .esf-body{animation:5s ease-in-out infinite esf-breathe}.esf-orb[data-state=sleep] .esf-zz{animation:2.8s ease-out infinite esf-zz-k}.esf-orb[data-state=sleep] .esf-zz+.esf-zz{animation-delay:1.4s}.esf-orb[data-state=notice] .esf-eye{--w:calc(var(--R) * .19);--h:calc(var(--R) * .32)}.esf-orb[data-state=notice] .esf-body{animation:.7s cubic-bezier(.3,0,.4,1) esf-nudge,3.4s ease-in-out .7s infinite esf-breathe}@keyframes esf-nudge{35%{transform:translateY(-7%)scale(.98,1.02)}70%{transform:translateY(0)scale(1.02,.98)}}.esf-orb[data-state=offline] .esf-body{filter:saturate(.25)brightness(.82);animation:6s ease-in-out infinite esf-breathe}.esf-orb[data-state=offline] .esf-eye{--h:max(3px, calc(var(--R) * .11))}@keyframes esf-zz-k{0%{opacity:0;transform:translate(0)}25%{opacity:.9}to{opacity:0;transform:translate(calc(var(--R) * .25), calc(var(--R) * -.5))}}.esf-halo{border:max(2px, calc(var(--R) * .035)) solid var(--esf-tono);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .3s;position:absolute;inset:-7%}.esf-orb[data-state=listen] .esf-halo{opacity:calc(.18 + var(--lvl) * .7);transform:scale(calc(1 + var(--lvl) * .2));transition:opacity .3s,transform 80ms linear}.esf-orb[data-state=listen] .esf-body{transform:scale(calc(1 + var(--lvl) * .05));transition:transform 80ms linear;animation:none}.esf-orb[data-state=listen] .esf-eye{--w:calc(var(--R) * .19);--h:calc(var(--R) * .33)}.esf-orb[data-state=listen]{transform:translateY(-2%)scale(1.03)}.esf-orb[data-state=speak] .esf-body{transform:scale(calc(1 + var(--lvl) * .025), calc(1 + var(--lvl) * .06));transition:transform 80ms linear;animation:none}.esf-orb[data-state=speak] .esf-eye{--h:calc(var(--R) * (.24 + var(--lvl) * .07));transition:width .22s,margin .22s,background .22s,transform .12s}.esf-orb[data-state=hear] .esf-eye{--h:calc(var(--R) * .27)}.esf-orb.esf-nod .esf-body{animation:.22s ease-out esf-nod-k!important}@keyframes esf-nod-k{40%{transform:translateY(2.5%)scale(1.01,.99)}}.esf-orb[data-state=need],.esf-orb[data-state=error],.esf-orb[data-state=listen],.esf-orb[data-state=notice]{--dur:.2s}.esf-orb[data-state=idle],.esf-orb[data-state=sleep],.esf-orb[data-state=think],.esf-orb[data-state=hear]{--dur:.9s}.esf-orb.esf-shift{animation:.38s cubic-bezier(.3,0,.4,1) esf-shift-k}@keyframes esf-shift-k{35%{scale:1.06 .94}70%{scale:.98 1.02}}.esf-badge.esf-on.esf-swap{transition-duration:.14s;transition-timing-function:ease-in;transform:scale(.2)rotate(-120deg)}.esf-orb.esf-enter{animation:.75s cubic-bezier(.3,1.5,.5,1) both esf-enter-k}@keyframes esf-enter-k{0%{opacity:0;scale:.2}60%{opacity:1}}.esf-orb.esf-hop1{animation:.7s cubic-bezier(.3,0,.4,1) esf-hop1-k}@keyframes esf-hop1-k{40%{translate:0 -7%;scale:.97 1.03}75%{translate:0;scale:1.03 .97}}.esf-orb.esf-tilt{animation:1.6s ease-in-out esf-tilt-k}@keyframes esf-tilt-k{30%,70%{rotate:7deg}}.esf-ring.esf-full .esf-bar{stroke-width:5px;filter:drop-shadow(0 0 4px var(--esf-tono));transition:stroke-dasharray .45s,stroke-width .25s}.esf.esf-paused,.esf.esf-paused *{animation-play-state:paused!important}.esf-mini .esf-orb{touch-action:none}.esf.esf-snap{transition:translate .4s cubic-bezier(.3,1.35,.5,1)}.esf.esf-dragging .esf-orb{transition:scale .15s;scale:1.08}.esf-menu{opacity:0;transform-origin:100% 100%;pointer-events:none;z-index:12;background:#1a1b22;border:1px solid #ffffff14;border-radius:14px;min-width:196px;padding:6px;transition:opacity .18s,transform .22s cubic-bezier(.3,1.3,.5,1);position:absolute;bottom:calc(100% + 14px);right:0;transform:translateY(6px)scale(.96);box-shadow:0 14px 34px #00000073}.esf.esf-izq .esf-menu{transform-origin:0 100%;left:0;right:auto}.esf:not(.esf-mini) .esf-menu{transform-origin:top;inset:calc(100% + 18px) auto auto 50%;transform:translate(-50%,6px)scale(.96)}.esf-menu.esf-open{opacity:1;pointer-events:auto;transform:none}.esf:not(.esf-mini) .esf-menu.esf-open{transform:translate(-50%)}.esf-menu button{color:#f1f1f5;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-size:14px;display:block}.esf-menu button:hover,.esf-menu button:focus-visible{background:#ffffff12;outline:none}.esf-light .esf-menu{background:#fff;border-color:#14162814;box-shadow:0 14px 34px #1416282e}.esf-light .esf-menu button{color:#1d1f29}.esf-light .esf-menu button:hover,.esf-light .esf-menu button:focus-visible{background:#f2f3f7}.esf-orb.esf-poke .esf-body{animation:.4s ease-out esf-squash!important}.esf-orb.esf-poke .esf-eye{--h:max(2px, calc(var(--R) * .05))!important}@keyframes esf-squash{30%{transform:scale(1.12,.88)}65%{transform:scale(.96,1.04)}}.esf-card{opacity:0;pointer-events:none;z-index:10;text-align:left;background:#1a1b22;border:1px solid #ffffff14;border-radius:18px;width:min(320px,88vw);padding:16px;transition:opacity .2s,transform .25s cubic-bezier(.3,1.3,.5,1);position:absolute;top:calc(100% + 26px);left:50%;transform:translate(-50%,8px)scale(.97);box-shadow:0 18px 40px #00000073}.esf-card.esf-open{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.esf-card .esf-k{color:color-mix(in oklab, var(--esf-tono) 70%, white);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:12px;display:flex}.esf-card .esf-k:before{content:"";background:var(--esf-tono);border-radius:50%;width:8px;height:8px}.esf-card h3{color:#f3f3f7;margin:8px 0 4px;font-size:17px;font-weight:500;line-height:1.35}.esf-card p{color:#a3a5b4;margin:0;font-size:14px;line-height:1.45}.esf-card p:empty{display:none}.esf-card .esf-acts{gap:8px;margin-top:14px;display:flex}.esf-card .esf-acts.esf-col{flex-direction:column}.esf-card button{color:#f3f3f7;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:11px 12px;font-size:14px}.esf-card button:focus-visible{outline:2px solid var(--esf-tono);outline-offset:2px}.esf-card button.esf-primary{background:var(--esf-tono);color:#17130a;border-color:#0000;font-weight:500}.esf-card .esf-x{color:#8e90a0;background:0 0;border:0;flex:none;width:28px;height:28px;padding:0;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}.esf-light .esf-card{background:#fff;border-color:#14162814;box-shadow:0 18px 40px #1416282e}.esf-light .esf-card h3{color:#1d1f29}.esf-light .esf-card p{color:#5d6070}.esf-light .esf-card button{color:#1d1f29;background:#f2f3f7;border-color:#14162814}.esf-light .esf-card button.esf-primary{background:var(--esf-tono);color:#17130a}.esf-light .esf-card .esf-k{color:color-mix(in oklab, var(--esf-tono) 75%, black)}.esf-mini .esf-card{transform-origin:100% 100%;inset:auto 0 calc(100% + 16px) auto;transform:translateY(8px)scale(.97)}.esf-mini.esf-izq .esf-card{transform-origin:0 100%;left:0;right:auto}.esf-mini .esf-card.esf-open{transform:none}.esf-pill{opacity:0;white-space:nowrap;pointer-events:none;color:#1d1f29;text-overflow:ellipsis;background:#fff;border-radius:999px;align-items:center;gap:7px;max-width:46vw;padding:7px 12px;font-size:13px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:50%;right:calc(100% + 12px);overflow:hidden;transform:translate(6px,-50%);box-shadow:0 4px 14px #14162824}.esf-pill:before{content:"";background:var(--esf-tono);border-radius:50%;flex:none;width:7px;height:7px}.esf-pill.esf-on{opacity:1;transform:translateY(-50%)}.esf.esf-izq .esf-pill{left:calc(100% + 12px);right:auto;transform:translate(-6px,-50%)}.esf.esf-izq .esf-pill.esf-on{transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.esf-body,.esf-shadow,.esf-badge .esf-dots b,.esf-zz{animation:none!important}.esf-orb[data-state=listen] .esf-halo{transform:none}.esf-orb.esf-shift,.esf-orb.esf-enter,.esf-orb.esf-hop1,.esf-orb.esf-tilt{animation:none!important}.esf-orb{transition:--esf-tono .3s,--esf-t .3s}.esf-orb[data-state=sleep] .esf-zz{opacity:.8}}.esf-grok .esf-eyes{display:none}.esf-ojos3d{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.esf-ojos3d path{fill:var(--ink);stroke:none}
