.tutor{width:100%;max-width:15rem;margin:0;position:relative}.tutor svg{width:100%;height:auto;display:block;overflow:visible}.tutor-label{background:var(--color-ink);color:var(--color-paper);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%)}.tutor .char{animation:3.2s ease-in-out infinite tutor-bob}@keyframes tutor-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tutor .arm{transform-box:view-box;transition:transform .3s cubic-bezier(.45,0,.55,1)}.tutor .arm-l{transform-origin:88px 146px;transform:rotate(14deg)}.tutor .arm-r{transform-origin:212px 146px;transform:rotate(-14deg)}.tutor [data-mood=pointing] .arm-l{transform:rotate(125deg)}.tutor [data-mood=thinking] .arm-r{transform:rotate(-38deg)}.tutor [data-mood=talking] .arm-r{transform:rotate(-17deg)}.tutor [data-mood=celebrating] .arm-l{transform:rotate(150deg)}.tutor [data-mood=celebrating] .arm-r{transform:rotate(-150deg)}.tutor .chalk{opacity:0;transition:opacity .3s}.tutor [data-mood=pointing] .chalk{opacity:1}.tutor .eyes,.tutor .brows{transition:transform .3s}.tutor [data-mood=thinking] .eyes{transform:translate(5px,-5px)}.tutor [data-mood=pointing] .eyes{transform:translate(-5px)}.tutor [data-mood=talking] .brows,.tutor [data-mood=celebrating] .brows{transform:translateY(-4px)}.tutor .eye{transform-box:fill-box;transform-origin:50%;animation:4.4s infinite tutor-blink}@keyframes tutor-blink{0%,93%,to{transform:scaleY(1)}96.5%{transform:scaleY(.1)}}.tutor .happy,.tutor [data-mood=celebrating] .eye{opacity:0}.tutor [data-mood=celebrating] .happy{opacity:1}.tutor .v{opacity:0;transition:opacity 40ms linear}.tutor [data-viseme=rest] .v-rest,.tutor [data-viseme=m] .v-m,.tutor [data-viseme=a] .v-a,.tutor [data-viseme=e] .v-e,.tutor [data-viseme=o] .v-o,.tutor [data-viseme=u] .v-u,.tutor [data-viseme=f] .v-f{opacity:1}.tutor [data-mood=celebrating][data-viseme=rest] .v-rest{opacity:0}.tutor [data-mood=celebrating][data-viseme=rest] .v-joy{opacity:1}.tutor .stars,.tutor .dots{opacity:0;transition:opacity .3s}.tutor [data-mood=celebrating] .stars,.tutor [data-mood=thinking] .dots{opacity:1}.tutor [data-mood=celebrating] .char{animation:.55s ease-in-out infinite tutor-hop}@keyframes tutor-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){.tutor .char,.tutor .eye,.tutor [data-mood=celebrating] .char{animation:none}.tutor .arm,.tutor .eyes,.tutor .brows,.tutor .chalk,.tutor .stars,.tutor .dots{transition:none}}