@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#eafaff;font-synthesis:none;background:#071015;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}.universo{background:radial-gradient(at 50% 44%,#17313a 0,#0b1b23 38%,#071015 77%);width:100vw;height:100vh;position:relative;overflow:hidden}.universo:before{content:"";opacity:.32;background-image:linear-gradient(#24414b 1px,#0000 1px),linear-gradient(90deg,#24414b 1px,#0000 1px);background-size:100% 12vh,12vw 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.universo:after{content:"";pointer-events:none;background:radial-gradient(#0000 48%,#03080b 100%);position:absolute;inset:0}.atmosfera{filter:blur(50px);opacity:.18;pointer-events:none;border-radius:50%;position:absolute}.atmosfera-um{background:#32bfd0;width:30vw;height:30vw;top:-15vw;left:10vw}.atmosfera-dois{background:#14758a;width:26vw;height:26vw;bottom:-14vw;right:3vw}.robo{z-index:2;filter:drop-shadow(0 30px 22px #02080bcc);width:190px;height:290px;transition:filter .3s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.robo.acompanhando{filter:drop-shadow(0 30px 22px #02080bcc)drop-shadow(0 0 18px #45d5e633)}.fio-antena{z-index:0;background:#55929b;border-radius:8px;width:8px;height:44px;position:absolute;top:0;left:91px}.fio-antena span{background:#2e6974;border:3px solid #7bc7ca;border-radius:50%;width:24px;height:24px;position:absolute;top:-15px;left:-8px;box-shadow:0 0 14px #4ee9f0}.cabeca{z-index:2;transform-origin:50% 100%;background:linear-gradient(140deg,#77b8bf 0%,#4c8c98 45%,#28616e 100%);border-radius:52% 52% 45% 45%;width:176px;height:130px;animation:3.2s ease-in-out infinite cabeca-flutuando;position:absolute;top:34px;left:7px;box-shadow:inset 8px 8px 12px #a2e0df55,inset -9px -14px 16px #1e4c5b,0 18px 18px #020a0d88}.visor{background:linear-gradient(155deg,#263c49,#10212b);border:3px solid #1b3742;border-radius:31px;width:138px;height:71px;position:absolute;top:38px;left:19px;overflow:hidden;box-shadow:inset 0 5px 9px #7fb7c733,0 3px 5px #07202a}.olho{transform-origin:50%;background:#35dbe8;border-radius:50% 50% 45% 45%;width:35px;height:26px;transition:transform .2s,height .2s;animation:4.8s ease-in-out infinite piscar-olhar;position:absolute;top:21px;box-shadow:0 0 13px #31e5ef,inset 0 -4px 4px #0a9aa9}.olho:after{content:"";background:#b7ffffaa;border-radius:50%;width:13px;height:5px;position:absolute;top:3px;left:7px;transform:rotate(-15deg)}.olho-esquerdo{animation-delay:.7s;left:19px}.olho-direito{animation-delay:.95s;right:19px}.boca{background:#42d7df;border-radius:50%;width:26px;height:5px;transition:height .1s,width .1s;position:absolute;bottom:10px;right:55px;box-shadow:0 0 9px #32dfe9}.robo.escutando .olho{transform:translateY(-3px)}.robo.escutando .olho:after{opacity:0}.robo.falando .boca{border-radius:50%;width:30px;height:15px;animation:.16s infinite alternate boca}.robo.acenando .braco-direito{transform-origin:50% 0;animation:.26s ease-in-out 5 acenar}.robo.acenando .olho{animation-duration:1.5s}.bracos{z-index:0;width:190px;position:absolute;top:143px;left:0}.braco{background:linear-gradient(150deg,#71b6bd,#337481);border-radius:50%;width:37px;height:70px;position:absolute;box-shadow:inset 5px 4px 8px #a6e3e044,0 8px 9px #020a0d88}.braco-esquerdo{animation:2.6s ease-in-out infinite alternate braco-esquerdo;left:-2px;transform:rotate(19deg)}.braco-direito{animation:2.6s ease-in-out .35s infinite alternate braco-direito;right:-2px;transform:rotate(-19deg)}.corpo{z-index:1;transform-origin:50% 0;background:linear-gradient(145deg,#79bbc0,#397d89 54%,#215663);border-radius:44% 44% 50% 50%;width:132px;height:116px;animation:2.8s ease-in-out infinite corpo-respirando;position:absolute;top:143px;left:29px;box-shadow:inset 8px 7px 11px #b2e6e355,inset -10px -15px 17px #174451,0 17px 20px #02090c99}.luz-corpo{background:#38d3d8;border:3px solid #94f4ec;border-radius:50%;width:19px;height:19px;animation:1.5s ease-in-out infinite alternate luz-pulsando;position:absolute;top:42px;left:56px;box-shadow:0 0 14px #45f4eb}.sombra{z-index:-2;filter:blur(11px);background:#020609;border-radius:50%;width:145px;height:18px;animation:2.1s ease-in-out infinite alternate sombra;position:absolute;bottom:2px;left:22px}.camera-invisivel,.canvas-invisivel{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.botao-microfone{z-index:5;color:#bffeff;cursor:pointer;background:#0b2028dd;border:1px solid #65e4e688;border-radius:999px;padding:10px 16px;font:600 12px Manrope,sans-serif;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0005}.botao-microfone.ativo{color:#52d8dc;border-color:#52d8dc}.erro-microfone{z-index:5;color:#ffb2b2;width:max-content;max-width:calc(100vw - 32px);margin:0;font-size:12px;position:absolute;top:62px;left:50%;transform:translate(-50%)}@media (width<=520px){.robo{transform:translate(-50%,-50%)scale(.78)}}@keyframes piscar-olhar{0%,18%,89%,to{transform:translate(0)scaleY(1)}27%,36%{transform:translate(3px)scaleY(1)}93%,96%{transform:translate(0)scaleY(.08)}}@keyframes cabeca-flutuando{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-1.2deg)}}@keyframes corpo-respirando{0%,to{transform:translateY(0)scale(1)rotate(0)}50%{transform:translateY(-3px)scale(1.025,1.045)rotate(.8deg)}}@keyframes braco-esquerdo{to{transform:rotate(25deg)translateY(-4px)}}@keyframes braco-direito{to{transform:rotate(-25deg)translateY(-4px)}}@keyframes luz-pulsando{to{transform:scale(1.18);box-shadow:0 0 22px #45f4eb}}@keyframes acenar{0%,to{transform:rotate(-19deg)}50%{transform:rotate(-48deg)translate(-3px,-3px)}}@keyframes boca{to{transform:scaleY(.42)}}@keyframes sombra{to{opacity:.5;transform:scaleX(.72)}}@media (prefers-reduced-motion:reduce){.robo{transition:none}.cabeca,.corpo,.braco,.olho,.sombra,.boca{animation:none}}