.guide-avatar{--energy:var(--voice-amp,0);--amp:var(--voice-amp,0);--turn:0deg;--brand:#9e65e7;--avatar-size:105px;justify-content:center;align-items:center;width:100%;height:174px;display:flex;position:relative;overflow:hidden}.guide-avatar .character{transform-origin:50%;flex-shrink:0;width:216px;height:220px;position:relative;transform:scale(.62)}.guide-avatar-ground{filter:blur(9px);background:#9563b433;border-radius:50%;width:105px;height:10px;position:absolute;bottom:15px}.guide-avatar[data-phase=processing]{animation:2s ease-in-out infinite guide-thinking}.guide-avatar[data-phase=speaking]{filter:drop-shadow(0 0 calc(var(--energy)*15px) #b68af477)}@keyframes guide-thinking{50%{filter:brightness(1.15)}}.guide-avatar .aura{width:var(--avatar-size);height:var(--avatar-size);transform:scale(calc(1 + var(--energy)*.08));isolation:isolate;background:radial-gradient(circle at 31% 22%,#ffffffea 0%,#efe0ff 11%,#b599fc 28%,#925be4 43%,#5b25b3 62%,#26124e 83%);border-radius:50%;position:relative;box-shadow:inset -12px -10px 32px #27104c7a,inset 8px 9px 20px #ffffffa8,0 22px 45px #7840b42e}.guide-avatar .aura:before{content:"";transform:rotate(calc(-32deg + var(--turn))) scaleY(calc(.6 + var(--energy)*.25));filter:blur(1px);mix-blend-mode:screen;background:linear-gradient(135deg,#baffffbd,#ffffff2b 30%,#b188ff71 50%,#e8b4ff9e);border-radius:50%;position:absolute;inset:21% -3%;box-shadow:0 0 12px #e5cbff87}.guide-avatar .aura:after{content:"";inset:calc(-12px - var(--energy)*14px);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--brand) 15%,transparent);border-radius:50%;position:absolute;transform:rotateX(65deg)rotate(-25deg)}.guide-avatar .milo{width:calc(var(--avatar-size)*.95);height:calc(var(--avatar-size)*.9);transform:rotate(calc(var(--energy)*-3deg));background:linear-gradient(130deg,#fffaff,#dbd1ec 45%,#9584bd);border-radius:43% 43% 38% 38%;position:relative;box-shadow:inset -10px -10px 25px #5f4b8b3b,inset 9px 6px 13px #ffffffb9,0 20px 30px #49356525}.guide-avatar .visor{background:linear-gradient(130deg,#2b1c47,#17111f);border-radius:36%;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:24% 10% 20%;box-shadow:inset 0 3px 6px #00000070,0 2px 3px #ffffffc0}.guide-avatar .eye{width:13px;height:22px;transform:scaleY(calc(1 - var(--energy)*.18));background:#bda1ff;border-radius:7px;box-shadow:0 0 13px #a780ee}.guide-avatar .mouth{width:15%;height:calc(4px + var(--energy)*13px);background:#d2baff;border-radius:50%;position:absolute;bottom:22%;left:43%;box-shadow:0 0 9px #c1a0ff80}.guide-avatar .antenna{background:#b8a8d6;border-radius:4px;width:5px;height:21px;position:absolute;top:-19px;left:49%}.guide-avatar .antenna:before{content:"";background:var(--brand);width:13px;height:13px;box-shadow:0 0 calc(8px + var(--energy)*13px) var(--brand);border-radius:50%;position:absolute;top:-7px;left:-4px}.guide-avatar .ear{background:linear-gradient(90deg,#b8a5d7,#f2e7ff);border-radius:10px;width:13px;height:45px;position:absolute;top:40%}.guide-avatar .ear.left{left:-7px}.guide-avatar .ear.right{right:-7px}.guide-avatar .prism{width:125px;height:145px;transform:rotateY(var(--turn)) rotate(calc(-9deg + var(--energy)*7deg));transform-style:preserve-3d;position:relative}.guide-avatar .fold{background:linear-gradient(135deg,#e4ccff 3%,#9e65e7 30%,#6433b3 70%,#3b2068);border-radius:18px 36px 17px 12px;width:65px;height:105px;position:absolute;top:18px;left:30px;transform:rotate(-30deg)skewY(20deg);box-shadow:inset 8px 4px 12px #ffffff38,8px 11px 22px #4b277c28}.guide-avatar .fold:nth-child(2){background:linear-gradient(160deg,#d4c3ff,#a47bea 35%,#6a42b6 75%);top:31px;left:57px;transform:rotate(30deg)skewY(-20deg)}.guide-avatar .fold:nth-child(3){opacity:.85;background:linear-gradient(130deg,#c7f1f7,#b2b2f3 35%,#7654b8 85%);top:46px;left:20px;transform:rotate(90deg)skewY(20deg)}.guide-avatar .aura,.guide-avatar .milo,.guide-avatar .prism{transform:none!important}.guide-avatar .elio .head,.guide-avatar .elia .head{background:radial-gradient(at 30% 18%,#ffe6d0,#d9b398 55%,#b18888);border-radius:45% 46% 39% 40%;width:84px;height:105px;top:29px;left:66px;box-shadow:inset -6px -4px 14px #8d657333}.guide-avatar .elio .hair,.guide-avatar .elia .hair{clip-path:polygon(0 0,100% 0,100% 100%,84% 85%,83% 50%,64% 61%,47% 42%,31% 57%,17% 53%,16% 87%,0 100%);background:radial-gradient(at 27% 22%,#b69b9c,#846478 44%,#4b3b56 89%);border-radius:55% 53% 24% 23%;width:106px;height:75px;position:absolute;top:-22px;left:-11px}.guide-avatar .elio .curl,.guide-avatar .elia .curl{z-index:4;background:linear-gradient(130deg,#c9aeb7,#907187 43%,#6e5476);border-radius:80% 70% 40% 60%;width:47px;height:35px;position:absolute;top:1px;left:77px;transform:rotate(-16deg)}.guide-avatar .elio .neck,.guide-avatar .elia .neck{background:linear-gradient(90deg,#b68b86,#e0bda0);border-radius:7px;width:28px;height:35px;position:absolute;top:122px;left:94px}.guide-avatar .elio .body,.guide-avatar .elia .body{width:159px;height:70px;transform:translateY(calc(var(--amp)*-3px));background:linear-gradient(130deg,#c3d8d5,#8bb3b0 44%,#597e87);border-radius:64px 64px 27px 27px;position:absolute;top:147px;left:28px;box-shadow:inset 6px 6px 15px #efffff59}.guide-avatar .elio .collar,.guide-avatar .elia .collar{z-index:4;border:5px solid #bad8d5;border-top:0;border-radius:0 0 50% 50%;width:65px;height:24px;position:absolute;top:146px;left:76px}.guide-avatar .elia .hair{clip-path:polygon(0 0,100% 0,100% 100%,81% 92%,86% 35%,55% 23%,17% 39%,20% 94%,0 100%);border-radius:50% 48% 35% 32%;width:115px;height:145px;top:-20px;left:-16px}.guide-avatar .elia .head{border-radius:48% 48% 45% 45%;width:77px}.guide-avatar .elia .body{background:linear-gradient(130deg,#e1ceee,#b29ac7 55%,#817295)}.guide-avatar .elia .curl{width:58px;left:70px}.guide-avatar .elia .collar{border-color:#d6c3e6}@media (prefers-reduced-motion:reduce){.guide-avatar,.guide-avatar *,.guide-avatar :before,.guide-avatar :after{animation:none!important;transform:none!important}.guide-avatar .character{zoom:.62}}.guide-avatar .head{transform:rotate(calc(var(--energy)*3deg));transform-origin:50% 95%;position:absolute}.guide-avatar-mini{flex-shrink:0;width:48px;height:48px;overflow:hidden}.guide-avatar-mini>.guide-avatar{transform-origin:0 0;width:144px;height:150px;transform:scale(.32)}.guide-avatar-sidebar{flex-shrink:0;width:112px;height:117px;display:block;overflow:hidden}.guide-avatar-sidebar>.guide-avatar{transform-origin:0 0;width:144px;height:150px;transform:scale(.7778)}[data-guide-launcher] .guide-avatar[data-phase=off] .eye{animation:none;transform:scaleY(.18)}
.guide-state-host{--fx-width:140px;--fx-height:108px;--fx-top:10px}.guide-avatar{--avatar-response:0}.guide-avatar[data-activity=listening],.guide-avatar[data-activity=speaking]{--avatar-response:clamp(0, var(--energy), 1)}.guide-avatar>.character,.guide-avatar>.milo,.guide-avatar>.aura,.guide-avatar>.prism{scale:calc(1 + var(--avatar-response) * .16);transition:scale 90ms linear}.guide-avatar .guide-speech-bubble{scale:calc(1 + var(--avatar-response) * .12);transition:scale 90ms linear}.guide-avatar .guide-speech-bubble>span{height:calc(10px + var(--avatar-response) * 18px)}.guide-avatar .guide-listen-ring{scale:calc(1 + var(--avatar-response) * .12);transition:scale 90ms linear}@property --guide-preview-amp{syntax:"<number>";inherits:true;initial-value:0}.guide-avatar[data-preview][data-activity=speaking],.guide-avatar[data-preview][data-activity=listening]{--energy:var(--guide-preview-amp);--amp:var(--guide-preview-amp);animation:2.4s linear infinite guide-preview-envelope}@keyframes guide-preview-envelope{0%,22%,51%,78%,to{--guide-preview-amp:0}8%,60%{--guide-preview-amp:.9}15%,42%,88%{--guide-preview-amp:.35}32%,69%,94%{--guide-preview-amp:.7}}.guide-state-fx{pointer-events:none;z-index:4;position:absolute;inset:0}.guide-state-fx svg{width:21px;height:21px}.guide-listen-fx,.guide-think-fx,.guide-speak-fx{display:none;position:absolute;inset:0}.guide-state-host[data-activity=listening] .guide-listen-fx,.guide-state-host[data-activity=thinking] .guide-think-fx,.guide-state-host[data-activity=speaking] .guide-speak-fx{display:block}.guide-ear-chip,.guide-idea,.guide-speech-bubble{background:var(--lightningcss-light,#fffaf4)var(--lightningcss-dark,#282335);box-shadow:0 4px 16px #25123c26}.guide-ear-chip{color:var(--lightningcss-light,#18705e)var(--lightningcss-dark,#8ef0cf);border-radius:18px;place-items:center;width:36px;height:42px;animation:1.2s ease-in-out infinite guide-attentive;display:grid;position:absolute;top:38px;left:calc(50% - 69px)}.guide-incoming{border-left:2px solid;border-radius:50%;width:9px;height:23px;animation:1.3s ease-out infinite guide-arrive;position:absolute;right:32px}.guide-incoming.second{height:34px;animation-delay:.35s;right:41px}.guide-avatar .guide-ear-chip{left:calc(50% - 54px)}.guide-avatar .guide-incoming{right:34px}.guide-avatar .guide-incoming.second{right:40px}.guide-listen-ring{border:2px dashed var(--lightningcss-light,#39a48a88)var(--lightningcss-dark,#8ef0cf88);border-radius:50%;width:106px;height:106px;animation:2.4s linear infinite guide-listen-halo;position:absolute;top:25px;left:calc(50% - 53px)}.guide-idea-orbit{top:var(--fx-top);left:calc(50% - var(--fx-width)/2);width:var(--fx-width);height:var(--fx-height);border:1px dashed var(--lightningcss-light,#b17c3655)var(--lightningcss-dark,#ffe0a055);border-radius:50%;animation:5s linear infinite guide-ideas;position:absolute}.guide-idea{color:var(--lightningcss-light,#966116)var(--lightningcss-dark,#ffdb8b);border-radius:12px;place-items:center;width:32px;height:32px;font:500 15px/1 system-ui;animation:5s linear infinite reverse guide-ideas;display:grid;position:absolute}.guide-idea.bulb{top:-15px;left:calc(50% - 16px);box-shadow:0 0 19px #eeb54e55}.guide-idea.calc{top:calc(50% - 16px);right:-14px}.guide-idea.formula{bottom:-15px;left:calc(50% - 16px)}.guide-idea.spark{top:calc(50% - 16px);left:-14px}.guide-speech-bubble{color:var(--lightningcss-light,#8852b9)var(--lightningcss-dark,#d5adff);border-radius:17px 17px 17px 4px;justify-content:center;align-items:center;gap:4px;width:65px;height:44px;animation:1.7s ease-in-out infinite guide-bubble-bob;display:flex;position:absolute;top:38px;left:calc(50% + 16px)}.guide-speech-bubble:after{content:"";border-top:10px solid var(--lightningcss-light,#fffaf4)var(--lightningcss-dark,#282335);border-right:12px solid #0000;position:absolute;bottom:-7px;left:0}.guide-speech-bubble>span{background:currentColor;border-radius:4px;width:4px;height:22px;animation:.62s ease-in-out infinite alternate guide-syllable}.guide-speech-bubble>span:nth-child(2){animation-delay:-.35s}.guide-speech-bubble>span:nth-child(3){animation-delay:-.18s}.guide-speech-bubble>span:nth-child(4){animation-delay:-.48s}.guide-speech-bubble>span:nth-child(5){animation-delay:-.27s}.guide-sound-ring{border:2px solid var(--lightningcss-light,#af7bcd)var(--lightningcss-dark,#d5adff);border-radius:50%;width:45px;height:45px;animation:1.6s ease-out infinite guide-voice-wave;position:absolute;top:73px;left:calc(50% + 14px)}.guide-sound-ring.second{animation-delay:.8s}.guide-state-host[data-activity=listening] .character{animation:1.8s ease-in-out infinite guide-attentive}.guide-state-host[data-activity=speaking] .character{animation:.85s ease-in-out infinite guide-speaking-bob}.guide-avatar[data-avatar=milo] .milo{transform:none}.guide-avatar[data-avatar=milo] .eye{animation:5.2s infinite guide-milo-blink}.guide-avatar[data-avatar=milo] .eye:nth-child(2){animation-delay:40ms}.guide-avatar[data-avatar=milo][data-activity=listening] .eye{animation:5.2s ease-in-out infinite guide-milo-look,5.2s infinite guide-milo-blink}.guide-avatar[data-avatar=milo][data-activity=thinking] .eye{animation:4s ease-in-out infinite guide-milo-think,6.3s infinite guide-milo-blink}.guide-avatar[data-avatar=milo][data-activity=thinking] .eye:nth-child(2){scale:1 .82}.guide-avatar[data-avatar=milo][data-activity=speaking] .mouth{animation:.9s ease-in-out infinite guide-milo-talk}.guide-avatar[data-avatar=milo][data-activity=waking] .eye{animation:4.8s ease-in-out infinite guide-milo-wake}.guide-avatar[data-avatar=milo][data-activity=happy] .eye{border-radius:50% 50% 6px 6px;height:9px;animation:3.5s ease-in-out infinite guide-milo-happy}.guide-avatar[data-avatar=milo][data-activity=happy] .mouth{border-radius:2px 2px 9px 9px;height:7px}.guide-state-host[data-activity=speaking] .aura,.guide-state-host[data-activity=speaking] .prism{animation:.85s ease-in-out infinite guide-speaking-bob}@keyframes guide-attentive{0%,to{translate:0;rotate:-5deg}50%{translate:0 -4px;rotate:5deg}}@keyframes guide-arrive{0%{opacity:0;translate:-8px}55%{opacity:1}to{opacity:0;translate:3px}}@keyframes guide-listen-halo{to{rotate:360deg}}@keyframes guide-ideas{to{transform:rotate(360deg)}}@keyframes guide-bubble-bob{50%{translate:0 -5px}}@keyframes guide-syllable{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes guide-voice-wave{0%{opacity:.7;scale:.4}to{opacity:0;translate:15px 5px;scale:1.8}}@keyframes guide-speaking-bob{0%,to{translate:0 1px;rotate:-2deg}50%{translate:0 -5px;rotate:2deg}}@keyframes guide-milo-blink{0%,38%,44%,to{transform:scaleY(1)}41%{transform:scaleY(.12)}}@keyframes guide-milo-look{0%,20%,to{translate:0}35%,52%{translate:3px}70%,83%{translate:-3px}}@keyframes guide-milo-think{0%,to{translate:0}22%,70%{translate:-2px -3px}}@keyframes guide-milo-talk{0%,to{height:3px}22%{height:calc(3px + var(--avatar-response) * 7px)}48%{height:calc(3px + var(--avatar-response) * 1px)}72%{height:calc(3px + var(--avatar-response) * 5px)}}@keyframes guide-milo-wake{0%,38%,to{transform:scaleY(.13)}55%{transform:scaleY(.65)}68%,88%{transform:scaleY(1)}}@keyframes guide-milo-happy{0%,to{transform:scaleY(1)}50%{transform:scaleY(.72)}}@media (prefers-reduced-motion:reduce){.guide-state-host *,.guide-state-host :before,.guide-state-host :after,.guide-avatar[data-preview]{animation:none!important}.guide-avatar>.character,.guide-avatar>.milo,.guide-avatar>.aura,.guide-avatar>.prism,.guide-avatar .guide-speech-bubble,.guide-avatar .guide-listen-ring{transition:none;scale:none}.guide-speech-bubble>span:nth-child(2n){height:10px}.guide-sound-ring{display:none}.guide-avatar[data-avatar=milo] .eye{transform:translate(0,0)scale(1)}}.guide-waking-zzz{pointer-events:none;z-index:5;color:var(--lightningcss-light,#8250bd)var(--lightningcss-dark,#d5b3ff);position:absolute;inset:0}.guide-waking-zzz span{opacity:0;text-shadow:0 2px 10px var(--lightningcss-light,#b98be544)var(--lightningcss-dark,#b98be577);font:700 17px/1 system-ui;animation:2.4s ease-in-out infinite guide-waking-drift;position:absolute;top:65px;left:calc(50% + 35px)}.guide-waking-zzz span:nth-child(2){font-size:22px;animation-delay:-.8s}.guide-waking-zzz span:nth-child(3){font-size:28px;animation-delay:-1.6s}@keyframes guide-waking-drift{0%{opacity:0;transform:translateY(8px)scale(.65)rotate(-12deg)}25%{opacity:.95}75%{opacity:.75}to{opacity:0;transform:translate(30px,-49px)scale(1.15)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.guide-waking-zzz span{opacity:.85;top:30px;left:calc(50% + 38px);transform:none}.guide-waking-zzz span:nth-child(2){top:18px;left:calc(50% + 51px)}.guide-waking-zzz span:nth-child(3){top:3px;left:calc(50% + 69px)}}
