
#gigi-avatar{font-family:system-ui,sans-serif;padding:12px 0}#gigi-avatar *{box-sizing:border-box}#gigi-avatar .window{max-width:560px;margin:auto;overflow:hidden;border-radius:24px;background:#040a13;color:#edf7ff;padding:26px 18px 22px;text-align:center}#gigi-avatar .brand{font-size:12px;letter-spacing:.22em;color:#9ab8ce}#gigi-avatar .gigi-avatar-stage{position:relative;max-width:410px;margin:0 auto;aspect-ratio:1;background:radial-gradient(ellipse at 50% 80%,#439c142b,transparent 58%)}#gigi-avatar .gigi-avatar-floor{position:absolute;left:18%;right:18%;bottom:7%;height:9%;border-radius:50%;background:#91ff0030;filter:blur(14px)}#gigi-avatar .gigi-avatar-robot{position:absolute;inset:0;transform-origin:50% 85%;animation:gigi-idle 6s ease-in-out infinite}#gigi-avatar .gigi-avatar-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}#gigi-avatar .head{clip-path:inset(0 0 36.5% 0);transform-origin:50% 62%;animation:gigi-head 8s ease-in-out infinite}#gigi-avatar .gigi-avatar-body{clip-path:inset(63% 0 0 0)}#gigi-avatar h2{font-size:32px;font-weight:500;margin:0 0 8px;letter-spacing:-.04em}#gigi-avatar h2 span{color:#5ed8ff}#gigi-avatar .status{color:#a5bed0;font-size:14px;min-height:42px;margin:0 0 16px;line-height:1.5}#gigi-avatar .actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}#gigi-avatar button{font:inherit;font-size:14px;border-radius:10px;min-height:44px;padding:11px 18px;border:1px solid #215276;background:#0b2439;color:#c2eaff}#gigi-avatar button:first-child{background:#72d9ff;color:#04121e;border-color:#72d9ff}#gigi-avatar button:focus-visible{outline:3px solid #d1f2ff;outline-offset:3px}#gigi-avatar .caption{margin-top:18px;color:#809db4;font-size:12px}#gigi-avatar .hello .head{animation:gigi-hello 1.5s ease-in-out}#gigi-avatar .roll .gigi-avatar-robot{animation:gigi-roll 2.6s ease-in-out}#gigi-avatar .gigi-avatar-blink{position:absolute;background:#020815;border-radius:50%;opacity:0;animation:gigi-blink 6.2s infinite;filter:blur(1px)}#gigi-avatar .gigi-avatar-blink.gigi-avatar-left{left:26.2%;top:28.5%;width:7.3%;height:11%}#gigi-avatar .gigi-avatar-blink.gigi-avatar-right{left:48.8%;top:28%;width:7.5%;height:11.3%}#gigi-avatar .gigi-avatar-head-layer{position:absolute;inset:0;transform-origin:50% 62%;animation:gigi-head 8s ease-in-out infinite}#gigi-avatar.hello .gigi-avatar-head-layer{animation:gigi-hello 1.5s ease-in-out}#gigi-avatar .gigi-avatar-wheel{position:absolute;left:66%;top:69%;width:14%;height:23%;border-radius:50%;opacity:0}#gigi-avatar .roll .gigi-avatar-wheel{opacity:.8;background:conic-gradient(from 0deg,transparent 0deg 70deg,#a3efff 72deg 80deg,transparent 82deg 250deg,#9079ff 252deg 260deg,transparent 262deg);mask:radial-gradient(ellipse,transparent 51%,#000 54% 64%,transparent 67%);animation:gigi-wheel .45s linear infinite}@keyframes gigi-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes gigi-head{0%,20%,70%,100%{transform:rotate(0)}35%,50%{transform:rotate(-3deg)}}@keyframes gigi-hello{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}65%{transform:rotate(5deg)}}@keyframes gigi-roll{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-24px) rotate(-2deg)}65%{transform:translateX(24px) rotate(2deg)}}@keyframes gigi-blink{0%,42%,46%,100%{opacity:0}43%,45%{opacity:1}}@keyframes gigi-wheel{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#gigi-avatar .gigi-avatar-robot,#gigi-avatar .gigi-avatar-head-layer,#gigi-avatar .head,#gigi-avatar .gigi-avatar-blink,#gigi-avatar .gigi-avatar-wheel{animation:none!important}}

#gigi-avatar .gigi-avatar-stage{width:100%;max-width:430px;margin:0 auto;}#gigi-avatar .gigi-avatar-robot{cursor:default}
/* Isolate avatar geometry from the website's existing hero/scene classes. */
#gigi-avatar{display:block;width:100%;max-width:430px;min-width:0;margin:0 auto;padding:0;position:relative;overflow:visible}
#gigi-avatar .gigi-avatar-stage{display:block;position:relative;box-sizing:content-box;width:100%;height:0;min-height:0;max-height:none;padding:100% 0 0;margin:0;aspect-ratio:auto;overflow:visible}
#gigi-avatar .gigi-avatar-robot,#gigi-avatar .gigi-avatar-head-layer{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;padding:0;margin:0}
#gigi-avatar img.gigi-avatar-asset{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0;max-width:none;min-height:0;max-height:none;object-fit:contain!important;object-position:center;padding:0;margin:0;border:0;aspect-ratio:1/1}
