.learning-bot-shell{display:inline-grid;place-items:center;width:var(--learning-bot-size);height:calc(var(--learning-bot-size) * .88);color:var(--bot-color);vertical-align:middle}.learning-bot-shell[data-size=xs]{--learning-bot-size:42px}.learning-bot-shell[data-size=sm]{--learning-bot-size:64px}.learning-bot-shell[data-size=md]{--learning-bot-size:96px}.learning-bot-shell[data-size=lg]{--learning-bot-size:150px}.learning-bot-shell[data-size=hero]{--learning-bot-size:230px}.learning-bot-shell .grokbot{--bot-size:var(--learning-bot-size)}.learning-bot-shell[aria-hidden=true]{pointer-events:none}.learning-bot-shell[data-playful=true]{min-width:44px;min-height:44px;cursor:pointer;touch-action:manipulation}.learning-bot-shell[data-playful=true]:focus-visible{outline:4px solid color-mix(in srgb,currentColor 34%,transparent);outline-offset:7px;border-radius:38%}.learning-bot-shell[data-playful=true]:active .grokbot{scale:.96}.conversation-bot-strip{display:flex;flex-wrap:wrap;align-items:end;gap:7px;width:max-content;max-width:100%;padding:7px 9px;border:1px solid rgba(86,67,139,.12);border-radius:16px;background:rgba(255,255,255,.72)}.conversation-bot-strip__participant{display:grid;justify-items:center;gap:2px;padding:3px 5px;border-radius:12px;color:#736a80}.conversation-bot-strip__participant[data-active=true]{color:#4f3a83;background:color-mix(in srgb,var(--bot-color,#7b5bd6) 10%,#fff);box-shadow:0 4px 14px rgba(65,49,105,.08)}.conversation-bot-strip__participant small{font-size:.46rem;font-weight:900;letter-spacing:.02em}.conversation-bot-strip__participant[data-static=true] .bot-motion,.conversation-bot-strip__participant[data-static=true] .bot-motion *{animation:none!important;transition:none!important}.grokbot{--bot-size:210px;position:relative;z-index:2;width:var(--bot-size);height:calc(var(--bot-size) * .88);color:var(--bot-color);isolation:isolate}.grokbot--card{--bot-size:150px}.grokbot--mini{--bot-size:48px}.bot-motion{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;transform-origin:50% 72%}.bot-touch-target{cursor:pointer;touch-action:manipulation}.bot-squash,.bot-travel,.bot-turn{position:absolute;inset:0;display:block;transform-origin:50% 72%}.bot-shadow{position:absolute;bottom:7%;left:28%;width:44%;height:8%;border-radius:50%;background:currentColor;opacity:.14}.grokbot[data-motion=idle] .bot-travel{animation:idle-breathe 3.8s ease-in-out infinite}.learning-bot-shell:focus-within .grokbot[data-motion=idle] .bot-turn,.learning-bot-shell:hover .grokbot[data-motion=idle] .bot-turn{animation:curious-hover .85s cubic-bezier(.22,.78,.18,1) both}.learning-bot-shell:focus-within .grokbot[data-motion=idle] .bot-eyes,.learning-bot-shell:hover .grokbot[data-motion=idle] .bot-eyes{transform:translate(-42%,-54%) rotate(calc(var(--bot-face-rotation, 0deg) + 5deg))}.grokbot[data-motion=idle] .bot-touch-target:focus-visible .bot-turn,.grokbot[data-motion=idle] .bot-touch-target:hover .bot-turn{animation:curious-hover .85s cubic-bezier(.22,.78,.18,1) both}.grokbot[data-motion=idle] .bot-touch-target:focus-visible .bot-eyes,.grokbot[data-motion=idle] .bot-touch-target:hover .bot-eyes{transform:translate(-42%,-54%) rotate(5deg)}.bot-silhouette{position:absolute;top:50%;left:50%;width:68%;height:68%;background:currentColor;transform:translate(-50%,-50%);transform-origin:center}.grokbot--mini .bot-silhouette{width:76%;height:76%}.shape-orb{border-radius:47% 53% 49% 51%/44% 47% 53% 56%;transform:translate(-50%,-50%) rotate(-4deg)}.shape-pebble{width:66%;height:61%;border-radius:53% 47% 50% 50%/60% 55% 45% 40%;transform:translate(-50%,-50%) rotate(7deg)}.shape-block{width:65%;height:64%;border-radius:20% 23% 18% 24%;transform:translate(-50%,-50%) rotate(-2deg)}.shape-capsule{width:78%;height:56%;border-radius:40% 32% 36% 44%/51% 44% 56% 49%;transform:translate(-50%,-50%) rotate(1deg)}.shape-peak{width:68%;height:68%;clip-path:polygon(50% 2%,98% 91%,91% 98%,8% 98%,1% 90%);border-radius:18%}.shape-prism{width:70%;height:68%;clip-path:polygon(50% 0,94% 24%,96% 74%,50% 100%,5% 75%,5% 25%)}.shape-cloud{width:50%;height:48%;border-radius:50%}.shape-cloud:after,.shape-cloud:before{content:"";position:absolute;width:72%;height:82%;border-radius:50%;background:currentColor}.shape-cloud:before{top:19%;left:-39%}.shape-cloud:after{top:13%;right:-40%}.shape-drop{width:61%;height:61%;border-radius:64% 36% 59% 41%/64% 55% 45% 36%;transform:translate(-50%,-50%) rotate(45deg)}.bot-eyes{position:absolute;top:47%;left:50%;z-index:4;display:flex;gap:15%;justify-content:center;width:54%;height:36%;transform:translate(-50%,-50%) rotate(var(--bot-face-rotation,0deg))}.shape-peak .bot-eyes{top:63%}.shape-prism .bot-eyes{top:58%}.shape-cloud .bot-eyes{top:60%;width:78%}.shape-drop .bot-eyes{--bot-face-rotation:-45deg;top:56%}.grokbot--mini .bot-eyes{gap:17%}.bot-eye{display:block;width:17%;height:68%;border-radius:999px;background:#050505;transform:rotate(-7deg);transform-origin:center;animation:bot-blink 4.6s step-end infinite}.bot-eye:last-child{transform:rotate(7deg)}.grokbot:not([data-motion=idle]) .bot-eye{animation:none}.learning-bot-shell[data-tone=default] .grokbot[data-sustained=true] .bot-motion *{animation-iteration-count:infinite}.learning-bot-shell[data-tone=default] .grokbot[data-sustained=true] .bot-eye{animation:bot-blink 4.6s step-end infinite}.ribbon-stack{position:absolute;inset:0;z-index:6;pointer-events:none}.ribbon{--ribbon-angle:-15deg;--ribbon-offset:0px;position:absolute;top:calc(27% + var(--ribbon-offset));left:54%;width:62%;height:7%;min-height:4px;border-radius:999px;opacity:0;transform-origin:left center}.ribbon--pink{--ribbon-angle:-18deg;--ribbon-offset:-8px;background:#ef77b7}.ribbon--orange{--ribbon-angle:-12deg;--ribbon-offset:-3px;background:#f59a48}.ribbon--yellow{--ribbon-angle:-6deg;--ribbon-offset:2px;background:#e9ef74}.ribbon--aqua{--ribbon-angle:1deg;--ribbon-offset:7px;background:#63d7be}.ribbon--violet{--ribbon-angle:8deg;--ribbon-offset:12px;background:#956be7}.grokbot[data-motion=ribbon] .ribbon{animation:ribbon-sweep 1.8s cubic-bezier(.24,.72,.2,1) both}.grokbot[data-motion=ribbon] .ribbon--orange{animation-delay:22ms}.grokbot[data-motion=ribbon] .ribbon--yellow{animation-delay:44ms}.grokbot[data-motion=ribbon] .ribbon--aqua{animation-delay:66ms}.grokbot[data-motion=ribbon] .ribbon--violet{animation-delay:88ms}.bot-effects{inset:0;z-index:8;pointer-events:none}.bot-effects,.effect{position:absolute;display:block}.effect{opacity:0}.grokbot[data-motion=hello] .bot-travel{animation:motion-hello-hop 1.5s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=hello] .bot-turn{animation:motion-hello-wave 1.5s ease-in-out both}.grokbot[data-motion=hello] .bot-eyes{animation:eyes-hello 1.5s ease both}.grokbot[data-motion=look] .bot-turn{animation:motion-look 1.6s ease-in-out both}.grokbot[data-motion=look] .bot-eyes{animation:eyes-look 1.6s ease-in-out both}.grokbot[data-motion=listen] .bot-turn{animation:motion-listen 1.7s ease-in-out both}.grokbot[data-motion=listen] .bot-squash{animation:squash-listen 1.7s ease-in-out both}.grokbot[data-motion=listen] .bot-eyes{animation:eyes-listen 1.7s ease both}.grokbot[data-motion=think] .bot-travel{animation:motion-think 1.9s ease-in-out both}.grokbot[data-motion=think] .bot-turn{animation:turn-think 1.9s ease-in-out both}.grokbot[data-motion=think] .bot-eyes{animation:eyes-think 1.9s ease-in-out both}.grokbot[data-motion=talk] .bot-squash{animation:squash-talk 1.8s ease-in-out both}.grokbot[data-motion=talk] .bot-turn{animation:turn-talk 1.8s ease-in-out both}.grokbot[data-motion=talk] .bot-eyes{animation:eyes-talk 1.8s ease-in-out both}.grokbot[data-motion=yes] .bot-travel{animation:motion-yes 1.2s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=yes] .bot-squash{animation:squash-yes 1.2s ease-in-out both}.grokbot[data-motion=no] .bot-turn{animation:motion-no 1.3s ease-in-out both}.grokbot[data-motion=no] .bot-eyes{animation:eyes-no 1.3s ease-in-out both}.grokbot[data-motion=happy] .bot-travel{animation:motion-happy 1.6s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=happy] .bot-squash{animation:squash-happy 1.6s ease-in-out both}.grokbot[data-motion=happy] .bot-eyes{animation:eyes-happy 1.6s ease both}.grokbot[data-motion=laugh] .bot-travel{animation:motion-laugh 1.7s ease-in-out both}.grokbot[data-motion=laugh] .bot-turn{animation:turn-laugh 1.7s ease-in-out both}.grokbot[data-motion=laugh] .bot-squash{animation:squash-laugh 1.7s ease-in-out both}.grokbot[data-motion=laugh] .bot-eyes{animation:eyes-laugh 1.7s ease-in-out both}.grokbot[data-motion=surprised] .bot-travel{animation:motion-surprised 1.45s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=surprised] .bot-squash{animation:squash-surprised 1.45s ease both}.grokbot[data-motion=surprised] .bot-eyes{animation:eyes-surprised 1.45s ease both}.grokbot[data-motion=confused] .bot-turn{animation:motion-confused 1.75s ease-in-out both}.grokbot[data-motion=confused] .bot-eyes{animation:eyes-confused 1.75s ease-in-out both}.grokbot[data-motion=shy] .bot-travel{animation:motion-shy 1.6s ease-in-out both}.grokbot[data-motion=shy] .bot-turn{animation:turn-shy 1.6s ease-in-out both}.grokbot[data-motion=shy] .bot-eyes{animation:eyes-shy 1.6s ease-in-out both}.grokbot[data-motion=sleep] .bot-travel{animation:motion-sleep 2.2s ease-in-out both}.grokbot[data-motion=sleep] .bot-turn{animation:turn-sleep 2.2s ease-in-out both}.grokbot[data-motion=sleep] .bot-eyes{animation:eyes-sleep 2.2s ease-in-out both}.grokbot[data-motion=love] .bot-travel{animation:motion-love 1.7s ease-in-out both}.grokbot[data-motion=love] .bot-squash{animation:squash-love 1.7s ease-in-out both}.grokbot[data-motion=love] .bot-eyes{animation:eyes-love 1.7s ease both}.grokbot[data-motion=jump] .bot-travel{animation:motion-jump 1.5s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=jump] .bot-squash{animation:squash-jump 1.5s ease both}.grokbot[data-motion=jump] .bot-shadow{animation:shadow-jump 1.5s ease both}.grokbot[data-motion=spin] .bot-turn{animation:motion-spin 1.55s cubic-bezier(.2,.75,.2,1) both}.grokbot[data-motion=spin] .bot-squash{animation:squash-spin 1.55s ease-in-out both}.grokbot[data-motion=dance] .bot-travel{animation:motion-dance 2.2s ease-in-out both}.grokbot[data-motion=dance] .bot-turn{animation:turn-dance 2.2s ease-in-out both}.grokbot[data-motion=dance] .bot-squash{animation:squash-dance 2.2s ease-in-out both}.grokbot[data-motion=dance] .bot-eyes{animation:eyes-dance 2.2s ease-in-out both}.grokbot[data-motion=celebrate] .bot-travel{animation:motion-celebrate 2s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=celebrate] .bot-turn{animation:turn-celebrate 2s ease-in-out both}.grokbot[data-motion=celebrate] .bot-squash{animation:squash-celebrate 2s ease both}.grokbot[data-motion=celebrate] .bot-shadow{animation:shadow-celebrate 2s ease both}.grokbot[data-motion=ribbon] .bot-travel{animation:bot-performance 1.8s cubic-bezier(.22,.78,.18,1) both}.grokbot[data-motion=ribbon] .bot-eyes{animation:eye-react 1.8s ease both}.grokbot[data-motion=boop] .bot-squash{animation:motion-boop .85s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=boop] .bot-eyes{animation:eyes-boop .85s ease both}.grokbot[data-motion=squish] .bot-squash{animation:motion-squish .95s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=squish] .bot-eyes{animation:eyes-squish .95s ease both}.grokbot[data-motion=think] .effect{width:6%;aspect-ratio:1;border-radius:50%;background:currentColor;animation:effect-thought 1.9s ease-in-out both}.grokbot[data-motion=think] .effect--one{top:17%;right:21%}.grokbot[data-motion=think] .effect--two{top:10%;right:13%;animation-delay:.11s}.grokbot[data-motion=think] .effect--three{top:2%;right:4%;animation-delay:.22s}.grokbot[data-motion=surprised] .effect{top:8%;left:49%;width:2.5%;height:17%;border-radius:999px;background:currentColor;transform-origin:50% 250%;animation:effect-pop 1.45s ease both}.grokbot[data-motion=surprised] .effect--one{rotate:-42deg}.grokbot[data-motion=surprised] .effect--two{rotate:0deg}.grokbot[data-motion=surprised] .effect--three{rotate:42deg}.grokbot[data-motion=sleep] .effect:before{content:"z";color:currentColor;font-size:calc(var(--bot-size) * .16);font-style:normal;font-weight:780;line-height:1}.grokbot[data-motion=sleep] .effect{top:18%;right:18%;animation:effect-sleep 2.2s ease-in-out both}.grokbot[data-motion=sleep] .effect--two{top:7%;right:8%;scale:.72;animation-delay:.14s}.grokbot[data-motion=sleep] .effect--three{top:0;right:0;scale:.52;animation-delay:.28s}.grokbot[data-motion=love] .effect{top:12%;width:9%;aspect-ratio:1;border-radius:50% 50% 12% 50%;background:#ff4f84;rotate:45deg;animation:effect-love 1.7s ease-in-out both}.grokbot[data-motion=love] .effect--one{left:18%}.grokbot[data-motion=love] .effect--two{top:3%;left:48%;scale:.7;animation-delay:.1s}.grokbot[data-motion=love] .effect--three{right:15%;animation-delay:.2s}.grokbot[data-motion=celebrate] .effect{top:8%;left:47%;width:4%;height:12%;border-radius:999px;background:#ef77b7;animation:effect-confetti 2s cubic-bezier(.2,.8,.2,1) both}.grokbot[data-motion=celebrate] .effect--one{--confetti-x:-540%;--confetti-r:-150deg;background:#f59a48}.grokbot[data-motion=celebrate] .effect--two{--confetti-x:70%;--confetti-r:90deg;background:#e9ef74;animation-delay:70ms}.grokbot[data-motion=celebrate] .effect--three{--confetti-x:540%;--confetti-r:170deg;background:#63d7be;animation-delay:.14s}@keyframes bot-performance{0%,4%{transform:translateZ(0) rotate(0) scale(1)}9%{transform:translate3d(0,9%,0) rotate(-2deg) scale(1.08,.86)}15%{transform:translate3d(-1%,-19%,0) rotate(2deg) scale(.88,1.2)}23%{transform:translate3d(8%,-7%,0) rotate(13deg) scale(1.07,.91)}34%{transform:translate3d(-5%,-13%,0) rotate(-12deg) scale(.96,1.06)}47%{transform:translate3d(4%,-4%,0) rotate(8deg) scale(1.05,.95)}59%{transform:translate3d(-3%,-10%,0) rotate(-7deg) scale(.97,1.04)}72%{transform:translate3d(2%,2%,0) rotate(4deg) scale(1.04,.94)}83%{transform:translate3d(0,-8%,0) rotate(-2deg) scale(.97,1.08)}92%{transform:translate3d(0,3%,0) rotate(1deg) scale(1.03,.96)}to{transform:translateZ(0) rotate(0) scale(1)}}@keyframes ribbon-sweep{0%,16%{opacity:0;transform:translate(34%,38%) rotate(var(--ribbon-angle)) scaleX(.02)}22%{opacity:1;transform:translate(10%,14%) rotate(var(--ribbon-angle)) scaleX(.26)}34%{opacity:1;transform:translate(-42%,-8%) rotate(calc(var(--ribbon-angle) - 12deg)) scaleX(.94)}47%{opacity:1;transform:translate(-65%,42%) rotate(calc(var(--ribbon-angle) + 24deg)) scaleX(1.08)}60%{opacity:.96;transform:translate(-34%,68%) rotate(calc(var(--ribbon-angle) + 8deg)) scaleX(.72)}72%{opacity:.62;transform:translate(4%,48%) rotate(calc(var(--ribbon-angle) - 15deg)) scaleX(.31)}82%,to{opacity:0;transform:translate(28%,34%) rotate(var(--ribbon-angle)) scaleX(.02)}}@keyframes bot-blink{0%,45%,49%,to{scale:1 1}46%,48%{scale:1 .12}}@keyframes eye-react{0%,12%,92%,to{scale:1 1}18%{scale:1 .2}24%,62%{scale:1 .75}41%,54%{scale:1 .14}76%{scale:1 1.12}}@keyframes idle-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5%)}}@keyframes curious-hover{0%,to{transform:rotate(0)}45%{transform:rotate(7deg)}72%{transform:rotate(4deg)}}@keyframes motion-hello-hop{0%,to{transform:translateY(0)}22%{transform:translateY(5%)}43%{transform:translateY(-12%)}68%{transform:translateY(-4%)}84%{transform:translateY(2%)}}@keyframes motion-hello-wave{0%,to{transform:rotate(0)}30%{transform:rotate(-10deg)}48%{transform:rotate(12deg)}65%{transform:rotate(-7deg)}82%{transform:rotate(4deg)}}@keyframes eyes-hello{0%,to{translate:0 0;rotate:0deg}32%{translate:-7% -4%;rotate:-5deg}56%{translate:7% -3%;rotate:5deg}}@keyframes motion-look{0%,to{transform:rotate(0)}24%{transform:rotate(-8deg)}52%{transform:rotate(0)}74%{transform:rotate(8deg)}}@keyframes eyes-look{0%,to{translate:0 0;rotate:0deg}20%,38%{translate:-19% -3%;rotate:-6deg}68%,84%{translate:18% 2%;rotate:6deg}}@keyframes motion-listen{0%,to{transform:rotate(0)}32%,68%{transform:rotate(8deg)}}@keyframes squash-listen{0%,to{transform:scale(1)}35%,68%{transform:scale(.97,1.06)}}@keyframes eyes-listen{0%,to{scale:1;translate:0 0}30%,70%{scale:1.08 1.17;translate:8% -4%}}@keyframes motion-think{0%,to{transform:translateY(0)}28%,76%{transform:translateY(-5%)}}@keyframes turn-think{0%,to{transform:rotate(0)}30%,72%{transform:rotate(-7deg)}}@keyframes eyes-think{0%,to{translate:0 0;rotate:0}28%,70%{translate:12% -14%;rotate:8deg}}@keyframes effect-thought{0%,20%,to{opacity:0;transform:scale(.2)}42%,74%{opacity:.9;transform:scale(1)}88%{opacity:0;transform:translate(25%,-35%) scale(.6)}}@keyframes squash-talk{0%,to{transform:scale(1)}14%,42%,70%{transform:scale(1.06,.93)}28%,56%,84%{transform:scale(.95,1.07)}}@keyframes turn-talk{0%,to{transform:rotate(0)}20%,52%{transform:rotate(-2deg)}36%,68%{transform:rotate(3deg)}}@keyframes eyes-talk{0%,to{scale:1}16%,44%,72%{scale:1 .72}30%,58%,86%{scale:1 1.08}}@keyframes motion-yes{0%,to{transform:translateY(0)}24%{transform:translateY(7%)}46%{transform:translateY(-7%)}67%{transform:translateY(5%)}84%{transform:translateY(-2%)}}@keyframes squash-yes{0%,to{transform:scale(1)}24%,66%{transform:scale(1.06,.9)}46%{transform:scale(.96,1.08)}}@keyframes motion-no{0%,to{transform:rotate(0)}18%{transform:rotate(-12deg)}36%{transform:rotate(11deg)}54%{transform:rotate(-9deg)}72%{transform:rotate(7deg)}88%{transform:rotate(-3deg)}}@keyframes eyes-no{0%,to{rotate:0deg;scale:1}22%,64%{rotate:-5deg;scale:1 .8}43%,82%{rotate:5deg;scale:1 .8}}@keyframes motion-happy{0%,to{transform:translateY(0)}24%,64%{transform:translateY(-10%)}43%,83%{transform:translateY(2%)}}@keyframes squash-happy{0%,to{transform:scale(1)}18%,58%{transform:scale(1.06,.9)}28%,68%{transform:scale(.94,1.1)}}@keyframes eyes-happy{0%,to{scale:1;rotate:0deg}22%,78%{scale:1 .32;rotate:-3deg}}@keyframes motion-laugh{0%,to{transform:translateY(0)}15%,39%,63%{transform:translateY(-5%)}27%,51%,75%{transform:translateY(3%)}}@keyframes turn-laugh{0%,to{transform:rotate(0)}20%,54%{transform:rotate(-7deg)}36%,70%{transform:rotate(7deg)}}@keyframes squash-laugh{0%,to{transform:scale(1)}16%,48%,80%{transform:scale(1.08,.9)}30%,64%{transform:scale(.95,1.08)}}@keyframes eyes-laugh{0%,to{scale:1}18%,82%{scale:1 .18}}@keyframes motion-surprised{0%,to{transform:translateY(0)}18%{transform:translateY(8%)}38%{transform:translateY(-16%)}65%{transform:translateY(-5%)}82%{transform:translateY(3%)}}@keyframes squash-surprised{0%,to{transform:scale(1)}18%{transform:scale(1.12,.82)}38%{transform:scale(.84,1.22)}70%{transform:scale(1.04,.96)}}@keyframes eyes-surprised{0%,to{scale:1}30%,66%{scale:1.22 1.35}}@keyframes effect-pop{0%,18%,to{opacity:0;scale:.2}36%,66%{opacity:.9;scale:1}82%{opacity:0;scale:.7}}@keyframes motion-confused{0%,to{transform:rotate(0)}22%,58%{transform:rotate(-10deg)}40%,76%{transform:rotate(6deg)}}@keyframes eyes-confused{0%,to{translate:0 0;rotate:0;scale:1}22%,58%{translate:-8% -5%;rotate:-8deg;scale:1 .8}40%,76%{translate:8% 3%;rotate:6deg;scale:.92 1.08}}@keyframes motion-shy{0%,to{transform:translate(0)}30%,72%{transform:translate(-5%,5%)}}@keyframes turn-shy{0%,to{transform:rotate(0)}30%,72%{transform:rotate(-7deg)}}@keyframes eyes-shy{0%,to{translate:0 0;scale:1}28%,72%{translate:-9% 18%;scale:1 .72}}@keyframes motion-sleep{0%,to{transform:translateY(0)}22%,78%{transform:translateY(8%)}}@keyframes turn-sleep{0%,to{transform:rotate(0)}22%,78%{transform:rotate(8deg)}}@keyframes eyes-sleep{0%,to{scale:1}18%,82%{scale:1 .08}}@keyframes effect-sleep{0%,22%,to{opacity:0;transform:translateY(20%) scale(.5)}42%,72%{opacity:.85;transform:translate(35%,-25%) scale(1)}88%{opacity:0;transform:translate(75%,-70%) scale(.7)}}@keyframes motion-love{0%,to{transform:translateY(0)}24%,66%{transform:translateY(-7%)}}@keyframes squash-love{0%,to{transform:scale(1)}18%,54%{transform:scale(1.12,.91)}32%,68%{transform:scale(.94,1.12)}}@keyframes eyes-love{0%,to{scale:1;rotate:0}24%,74%{scale:1 .34;rotate:-3deg}}@keyframes effect-love{0%,18%,to{opacity:0;transform:translateY(25%) scale(.2)}38%,70%{opacity:1;transform:translateY(-35%) scale(1)}88%{opacity:0;transform:translateY(-90%) scale(.6)}}@keyframes motion-jump{0%,to{transform:translateY(0)}18%{transform:translateY(8%)}42%{transform:translateY(-34%)}63%{transform:translateY(-20%)}80%{transform:translateY(4%)}91%{transform:translateY(-3%)}}@keyframes squash-jump{0%,to{transform:scale(1)}18%{transform:scale(1.17,.76)}38%{transform:scale(.84,1.25)}68%{transform:scale(.94,1.07)}81%{transform:scale(1.1,.87)}}@keyframes shadow-jump{0%,to{transform:scale(1);opacity:.42}40%,60%{transform:scale(.46);opacity:.16}80%{transform:scale(1.16);opacity:.48}}@keyframes motion-spin{0%{transform:rotate(0)}24%{transform:rotate(-18deg)}72%{transform:rotate(382deg)}88%{transform:rotate(354deg)}to{transform:rotate(1turn)}}@keyframes squash-spin{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.08,.92)}75%{transform:scale(.94,1.06)}}@keyframes motion-dance{0%,to{transform:translate(0)}12%,36%,60%{transform:translate(-8%,-6%)}24%,48%,72%{transform:translate(8%,-3%)}84%{transform:translateY(3%)}}@keyframes turn-dance{0%,to{transform:rotate(0)}12%,36%,60%{transform:rotate(-11deg)}24%,48%,72%{transform:rotate(11deg)}84%{transform:rotate(-4deg)}}@keyframes squash-dance{0%,to{transform:scale(1)}12%,48%{transform:scale(1.08,.91)}24%,60%{transform:scale(.94,1.08)}36%,72%{transform:scale(1.04,.96)}}@keyframes eyes-dance{0%,to{translate:0 0;scale:1}12%,36%,60%{translate:-10% -3%;scale:1 .7}24%,48%,72%{translate:10% 2%;scale:1 .7}}@keyframes motion-celebrate{0%,to{transform:translateY(0)}15%{transform:translateY(8%)}34%{transform:translateY(-29%)}52%{transform:translateY(-12%)}68%{transform:translateY(-24%)}84%{transform:translateY(3%)}}@keyframes turn-celebrate{0%,to{transform:rotate(0)}30%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}68%{transform:rotate(-8deg)}}@keyframes squash-celebrate{0%,to{transform:scale(1)}15%{transform:scale(1.15,.8)}34%,68%{transform:scale(.86,1.2)}52%{transform:scale(1.08,.93)}}@keyframes shadow-celebrate{0%,to{transform:scale(1);opacity:.42}34%,68%{transform:scale(.52);opacity:.14}84%{transform:scale(1.12);opacity:.46}}@keyframes effect-confetti{0%,12%,to{opacity:0;transform:translate(0) rotate(0)}28%{opacity:1}76%{opacity:.9;transform:translate(var(--confetti-x),-230%) rotate(var(--confetti-r))}92%{opacity:0;transform:translate(var(--confetti-x),80%) rotate(var(--confetti-r))}}@keyframes motion-boop{0%,to{transform:scale(1)}16%{transform:scale(1.13,.8)}38%{transform:scale(.88,1.18)}62%{transform:scale(1.06,.94)}82%{transform:scale(.98,1.03)}}@keyframes eyes-boop{0%,to{scale:1}16%,34%{scale:1 .12}52%{scale:1 1.15}}@keyframes motion-squish{0%,to{transform:scale(1)}20%,50%{transform:scale(1.22,.62)}68%{transform:scale(.84,1.24)}84%{transform:scale(1.08,.92)}}@keyframes eyes-squish{0%,to{scale:1}20%,52%{scale:1.18 .2;translate:0 24%}70%{scale:.9 1.2;translate:0 -8%}}@media (prefers-reduced-motion:reduce){.bot-eye,.bot-eyes,.bot-shadow,.bot-squash,.bot-travel,.bot-turn,.effect,.ribbon{animation:none!important}.grokbot:not([data-motion=idle]) .bot-travel{transform:translateY(-3%)}.grokbot[data-motion=listen] .bot-eyes,.grokbot[data-motion=look] .bot-eyes,.grokbot[data-motion=think] .bot-eyes{translate:10% -8%;rotate:5deg}.grokbot[data-motion=confused] .bot-turn,.grokbot[data-motion=no] .bot-turn{transform:rotate(-7deg)}.grokbot[data-motion=happy] .bot-eyes,.grokbot[data-motion=laugh] .bot-eyes,.grokbot[data-motion=love] .bot-eyes{scale:1 .32}.grokbot[data-motion=surprised] .bot-squash{transform:scale(.9,1.12)}.grokbot[data-motion=surprised] .bot-eyes{scale:1.18 1.28}.grokbot[data-motion=shy] .bot-eyes{translate:-7% 14%;scale:1 .72}.grokbot[data-motion=sleep] .bot-turn{transform:rotate(7deg)}.grokbot[data-motion=sleep] .bot-eyes{scale:1 .08}.grokbot[data-motion=boop] .bot-squash,.grokbot[data-motion=squish] .bot-squash{transform:scale(1.12,.76)}.grokbot[data-motion=spin] .bot-turn{transform:rotate(12deg)}.grokbot[data-motion=dance] .bot-turn,.grokbot[data-motion=hello] .bot-turn{transform:rotate(-8deg)}.grokbot[data-motion=ribbon] .ribbon{opacity:.72;transform:translate(-48%,28%) rotate(var(--ribbon-angle)) scaleX(.82)}.grokbot[data-motion=celebrate] .effect,.grokbot[data-motion=love] .effect,.grokbot[data-motion=sleep] .effect,.grokbot[data-motion=surprised] .effect,.grokbot[data-motion=think] .effect{opacity:.82}}.classroom-entry__art>.learning-bot-shell:first-child{position:absolute;left:10%;bottom:14%;rotate:-7deg}.classroom-entry__art>.learning-bot-shell:nth-child(2){z-index:2;translate:0 -7%}.classroom-entry__art>.learning-bot-shell:nth-child(3){position:absolute;right:9%;bottom:12%;rotate:8deg}.adult-entry__layout>aside>.learning-bot-shell,.classroom-detail-hero>.learning-bot-shell,.portal-home-hero>.learning-bot-shell,.student-unit-banner>.learning-bot-shell,.student-view-heading>.learning-bot-shell,.teacher-hero>.learning-bot-shell{justify-self:end}.ai-lab-orb>.learning-bot-shell{filter:drop-shadow(0 24px 25px rgba(12,6,30,.32))}.student-practice>header>.learning-bot-shell{--learning-bot-size:72px}.student-misty-drawer>summary>.learning-bot-shell{--learning-bot-size:78px}.student-misty-launch>.learning-bot-shell{--learning-bot-size:42px;filter:none}.student-buddy-card .learning-bot-shell{margin-inline:auto}@media (max-width:1020px){.student-buddy-card .learning-bot-shell{--learning-bot-size:82px}}@media (max-width:840px){.classroom-detail-hero>.learning-bot-shell{--learning-bot-size:94px}}@media (max-width:820px){.portal-home-hero>.learning-bot-shell,.teacher-hero>.learning-bot-shell{display:none}}@media (max-width:760px){.portal-entry-choice>section>div>a .learning-bot-shell{--learning-bot-size:90px}}@media (max-width:560px){.classroom-detail-hero>.learning-bot-shell{display:none}}@media (max-width:520px){.classroom-chooser__grid .learning-bot-shell{--learning-bot-size:88px}}@media (max-width:480px){.portal-entry-choice>section>div>a .learning-bot-shell{--learning-bot-size:72px}}.learning-bot-shell .bot-silhouette{z-index:3}.learning-bot-shell .bot-body-highlight{position:absolute;z-index:2;top:13%;left:25%;width:24%;height:9%;border-radius:999px;background:#fff;opacity:.2;rotate:-12deg}.learning-bot-shell .shape-peak .bot-body-highlight{top:42%;left:35%;width:17%;rotate:-56deg}.learning-bot-shell .shape-prism .bot-body-highlight{top:21%;left:21%;width:20%;rotate:-29deg}.learning-bot-shell .shape-drop .bot-body-highlight{top:22%;left:18%;rotate:-38deg}.learning-bot-shell .bot-hand{--hand-direction:1;position:absolute;z-index:2;top:57%;width:15%;height:19%;border-radius:48% 52% 45% 55%;background:currentColor;transform-origin:65% 75%}.learning-bot-shell .bot-hand--left{left:7%;rotate:24deg}.learning-bot-shell .bot-hand--right{--hand-direction:-1;right:7%;rotate:-24deg;transform-origin:35% 75%}.learning-bot-shell[data-bot=block] .bot-hand{border-radius:35%;top:60%}.learning-bot-shell[data-bot=capsule] .bot-hand{top:57%;width:13%;height:16%}.learning-bot-shell[data-bot=capsule] .bot-hand--left{left:3%}.learning-bot-shell[data-bot=capsule] .bot-hand--right{right:3%}.learning-bot-shell[data-bot=peak] .bot-hand{top:66%;width:14%;height:17%}.learning-bot-shell[data-bot=prism] .bot-hand{top:57%;border-radius:36% 45% 40% 50%}.learning-bot-shell[data-bot=cloud] .bot-hand{top:62%;width:14%;height:15%;border-radius:50%}.learning-bot-shell[data-bot=cloud] .bot-hand--left{left:2%}.learning-bot-shell[data-bot=cloud] .bot-hand--right{right:2%}.learning-bot-shell[data-bot=drop] .bot-hand{top:62%;width:13%;height:17%}.learning-bot-shell[data-bot=pebble] .bot-hand{top:62%;height:16%}.learning-bot-shell .bot-eye{position:relative;box-sizing:border-box}.learning-bot-shell .bot-eye:after{content:"";position:absolute;top:12%;left:19%;width:27%;height:18%;border-radius:50%;background:#fff;opacity:.8}.learning-bot-shell .grokbot[data-expression=attentive] .bot-eye{height:78%}.learning-bot-shell .grokbot[data-expression=curious] .bot-eye:first-child{height:50%;margin-top:13%;rotate:10deg}.learning-bot-shell .grokbot[data-expression=curious] .bot-eye:last-child{height:75%;rotate:-7deg}.learning-bot-shell .grokbot[data-expression=warm] .bot-eye{height:47%;margin-top:10%}.learning-bot-shell .grokbot[data-expression=surprised] .bot-eye{width:21%;height:86%;transform:none}.learning-bot-shell .grokbot[data-expression=pleased] .bot-eye,.learning-bot-shell .grokbot[data-expression=sleepy] .bot-eye{width:26%;height:44%;margin-top:12%;border-left-color:#050505;border-bottom-color:#050505;border-right-color:#050505;border:max(2px,calc(var(--bot-size) * .022)) solid transparent;border-top-color:#050505;border-radius:50%;background:transparent;transform:none}.learning-bot-shell .grokbot[data-expression=sleepy] .bot-eye{rotate:180deg;margin-top:0}.learning-bot-shell .grokbot[data-expression=pleased] .bot-eye:after,.learning-bot-shell .grokbot[data-expression=sleepy] .bot-eye:after{display:none}.learning-bot-shell .grokbot[data-motion=hello] .bot-hand--right{animation:bot-hand-wave 1.5s ease-in-out both}.learning-bot-shell .grokbot[data-motion=listen] .bot-hand--right{animation:bot-hand-listen 1.7s ease-in-out both}.learning-bot-shell .grokbot[data-motion=confused] .bot-hand--left,.learning-bot-shell .grokbot[data-motion=think] .bot-hand--left{animation:bot-hand-consider 1.9s ease-in-out both}.learning-bot-shell .grokbot[data-motion=no] .bot-hand--left,.learning-bot-shell .grokbot[data-motion=talk] .bot-hand--left{animation:bot-hand-offer 1.8s ease-in-out both}.learning-bot-shell .grokbot[data-motion=happy] .bot-hand,.learning-bot-shell .grokbot[data-motion=yes] .bot-hand{animation:bot-hand-cheer 1.6s ease-in-out both}.learning-bot-shell .grokbot[data-motion=celebrate] .bot-hand,.learning-bot-shell .grokbot[data-motion=jump] .bot-hand,.learning-bot-shell .grokbot[data-motion=ribbon] .bot-hand{animation:bot-hand-cheer 2s ease-in-out both}.learning-bot-shell .grokbot[data-motion=dance] .bot-hand{animation:bot-hand-dance 2.2s ease-in-out both}.learning-bot-shell .grokbot[data-motion=shy] .bot-hand{translate:calc(var(--hand-direction) * 18%) -8%}.learning-bot-shell .grokbot[data-motion=love] .bot-hand{translate:calc(var(--hand-direction) * 30%) -12%}.learning-bot-shell .bot-listening-waves{position:absolute;top:27%;right:0;width:15%;height:30%;opacity:0;pointer-events:none}.learning-bot-shell .bot-listening-waves i{position:absolute;inset:12% 30% 12% 0;border-block-color:transparent;border:2px solid;border-left:2px solid transparent;border-radius:50%}.learning-bot-shell .bot-listening-waves i:last-child{inset:0 0 0 0}.learning-bot-shell .grokbot[data-motion=listen] .bot-listening-waves{animation:bot-listen-rings 1.7s ease-in-out both}.learning-bot-shell .bot-ground-ring{position:absolute;bottom:3%;left:17%;width:66%;height:17%;box-sizing:border-box;border:2px solid;border-radius:50%;opacity:0;pointer-events:none}.learning-bot-shell[data-attention=selected] .bot-ground-ring{opacity:.46}.learning-bot-shell[data-attention=progress] .bot-ground-ring{opacity:.35;border-style:dashed;animation:bot-working-ring 1.6s ease-in-out 2 both}.learning-bot-shell[data-size=xs] .bot-body-highlight,.learning-bot-shell[data-size=xs] .bot-eye:after{display:none}@keyframes bot-hand-wave{0%,to{transform:translate(0) rotate(0)}24%,68%{transform:translate(8%,-95%) rotate(-45deg)}40%,82%{transform:translate(8%,-90%) rotate(2deg)}}@keyframes bot-hand-listen{0%,to{transform:translate(0)}30%,76%{transform:translate(-6%,-70%) rotate(-32deg)}}@keyframes bot-hand-consider{0%,to{transform:translate(0)}30%,76%{transform:translate(82%,-26%) rotate(-22deg)}}@keyframes bot-hand-offer{0%,to{transform:translate(0)}30%,72%{transform:translate(-25%,-25%) rotate(20deg)}}@keyframes bot-hand-cheer{0%,to{transform:translate(0)}32%,68%{transform:translate(calc(var(--hand-direction) * -10%),-95%) rotate(calc(var(--hand-direction) * 45deg))}}@keyframes bot-hand-dance{0%,to{transform:translateY(0)}12%,36%,60%{transform:translateY(calc(var(--hand-direction) * -40%)) rotate(24deg)}24%,48%,72%{transform:translateY(calc(var(--hand-direction) * 40%)) rotate(-24deg)}}@keyframes bot-listen-rings{0%,to{opacity:0;transform:scale(.88)}32%,68%{opacity:.62;transform:scale(1)}}@keyframes bot-working-ring{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.48;transform:scale(1.07)}}.learning-bot-shell[data-tone=assessment] .bot-motion *,.learning-bot-shell[data-tone=calm] .bot-motion *{animation:none!important;transition:none!important}.learning-bot-shell[data-tone=assessment] .bot-squash,.learning-bot-shell[data-tone=assessment] .bot-travel,.learning-bot-shell[data-tone=assessment] .bot-turn,.learning-bot-shell[data-tone=calm] .bot-squash,.learning-bot-shell[data-tone=calm] .bot-travel,.learning-bot-shell[data-tone=calm] .bot-turn{transform:none!important}.learning-bot-shell[data-tone=assessment] .bot-effects,.learning-bot-shell[data-tone=assessment] .bot-ground-ring,.learning-bot-shell[data-tone=assessment] .bot-listening-waves,.learning-bot-shell[data-tone=assessment] .ribbon-stack,.learning-bot-shell[data-tone=calm] .bot-effects,.learning-bot-shell[data-tone=calm] .bot-listening-waves,.learning-bot-shell[data-tone=calm] .ribbon-stack{display:none}.learning-bot-shell[data-tone=assessment] .grokbot .bot-eyes,.learning-bot-shell[data-tone=calm] .grokbot .bot-eyes{transform:translate(-50%,-50%) rotate(var(--bot-face-rotation,0deg))!important;translate:none;rotate:none;scale:none}@media (prefers-reduced-motion:reduce){.learning-bot-shell,.learning-bot-shell *{animation:none!important;transition:none!important}.learning-bot-shell .grokbot .bot-eyes{transform:translate(-50%,-50%) rotate(var(--bot-face-rotation,0deg))!important}.learning-bot-shell .grokbot[data-expression=pleased] .bot-eyes,.learning-bot-shell .grokbot[data-expression=sleepy] .bot-eyes{scale:none}.learning-bot-shell .grokbot[data-motion=hello] .bot-hand--right,.learning-bot-shell .grokbot[data-motion=listen] .bot-hand--right{transform:translateY(-48%) rotate(-20deg)}.learning-bot-shell .grokbot[data-motion=confused] .bot-hand--left,.learning-bot-shell .grokbot[data-motion=think] .bot-hand--left{transform:translate(50%,-12%)}.learning-bot-shell .grokbot[data-motion=listen] .bot-listening-waves{opacity:.5}.learning-bot-shell[data-attention=progress] .bot-ground-ring{opacity:.4}}@media (forced-colors:active){.learning-bot-shell .bot-hand,.learning-bot-shell .bot-silhouette{forced-color-adjust:none;color:CanvasText;background:CanvasText}.learning-bot-shell .bot-eye{forced-color-adjust:none;background:Canvas}.learning-bot-shell .grokbot[data-expression=pleased] .bot-eye,.learning-bot-shell .grokbot[data-expression=sleepy] .bot-eye{background:transparent;border-top-color:Canvas}.learning-bot-shell .bot-body-highlight,.learning-bot-shell .bot-eye:after{display:none}.learning-bot-shell .bot-ground-ring,.learning-bot-shell .bot-listening-waves{color:CanvasText}}.misty-tutor__teach-card{display:flex;align-items:center;gap:15px;margin:12px 14px;padding:18px;border:2px solid #decdf4;border-bottom:5px solid #ceb7e9;border-radius:20px;background:linear-gradient(120deg,#f6edff,#fff8ea)}.misty-tutor__teach-card>div:first-child{flex-shrink:0;max-width:82px}.misty-tutor__teach-card strong{font-size:14px;color:#654391}.misty-tutor__teach-card p{font-size:12px;line-height:1.65;color:#7d6c8f}.misty-tutor__teach-card small{font-size:10px;color:#8e7aa0}.misty-tutor__modes{display:flex;flex-wrap:wrap;gap:6px!important}.misty-tutor__modes button{min-height:40px!important;border-radius:12px!important;padding:9px 12px!important;border:1px solid #e6ddef!important;border-bottom:3px solid #dfd3eb!important;background:#fbf8ff!important;font-weight:750!important}.misty-tutor__modes button[data-active=true]{background:#7951cc!important;color:white!important;border-color:#6742b4!important}.misty-tutor__modes button:disabled{opacity:.6}.prototype-hero__basket{position:relative;z-index:3;display:grid;place-items:center;width:min(430px,96%);padding-top:32px}.prototype-hero__basket>button{width:100%}.prototype-hero__visual:has(.prototype-hero__basket){background:none}.prototype-hero__visual:has(.prototype-hero__basket):after,.prototype-hero__visual:has(.prototype-hero__basket):before{display:none}.prototype-hero__visual:has(.prototype-hero__basket) .prototype-hero__orbit{opacity:.3}.public-nav .brand--prototype{gap:9px}.public-footer>div:first-child{display:flex;align-items:center;gap:9px}.demo-player__bot-button{display:grid;place-items:center;border:0;padding:0;background:none;cursor:pointer}.demo-player__bot-button:focus-visible{outline:3px solid #8055d9;outline-offset:4px;border-radius:50%}.misty-page__constellation:has(.public-basket-hero){min-height:400px;overflow:visible;background:none;border:0;padding:20px}.public-basket-hero{width:min(390px,100%)}.misty-page__constellation>p:has(strong){flex-wrap:wrap;color:#746987;font-size:.8rem}.misty-page__constellation>p strong{color:#4a365f;font-size:1rem}.public-course-status{max-width:960px;margin:0 auto 35px;padding:16px 24px;border:1px solid #e5def1;border-radius:16px;color:#6d627c;background:#faf8fd;font-size:.88rem;line-height:1.65}.school-basket-brand{display:flex;align-items:center;gap:10px}@media(max-width:700px){.prototype-hero__basket{width:min(340px,100%)}.public-nav .brand--prototype{gap:4px}.public-nav .brand--prototype>span:first-child{width:57px}.misty-page__constellation:has(.public-basket-hero){min-height:290px;padding:10px}.public-basket-hero{width:min(300px,100%)}.public-course-status{margin:0 20px 30px}}.pwa-registration_updateNotice__rSC9U{align-items:center;background:#ffffff;border:2px solid #ded8ff;border-radius:18px;bottom:max(20px,env(safe-area-inset-bottom));box-shadow:0 18px 50px rgb(35 28 81/20%);color:#24203f;display:flex;gap:14px;justify-content:space-between;left:50%;max-width:min(440px,calc(100vw - 32px));padding:14px 16px;position:fixed;transform:translateX(-50%);width:max-content;z-index:1000}.pwa-registration_updateNotice__rSC9U span{display:grid;gap:2px}.pwa-registration_updateNotice__rSC9U strong{font-size:.95rem}.pwa-registration_updateNotice__rSC9U small{color:#625d7b;font-size:.78rem}.pwa-registration_updateNotice__rSC9U button{background:#6f5bf7;border:0;border-radius:12px;color:#ffffff;cursor:pointer;flex:0 0 auto;font:inherit;font-size:.85rem;font-weight:800;padding:10px 14px}.pwa-registration_updateNotice__rSC9U button:focus-visible{outline:3px solid #ffcc64;outline-offset:3px}.pwa-registration_updateNotice__rSC9U button:disabled{cursor:wait;opacity:.7}@media (max-width:520px){.pwa-registration_updateNotice__rSC9U{align-items:stretch;flex-direction:column;width:calc(100vw - 32px)}}