.ro-mark{--ro-body:var(--ro-mark-fill,var(--accent));--ro-eyes:#f7f2e6;vertical-align:middle;flex-shrink:0;display:inline-block;position:relative}.ro-mark[data-tone=ink]{--ro-body:var(--foreground);--ro-eyes:var(--background)}.ro-mark[data-tone=paper]{--ro-body:#f7f2e6;--ro-eyes:#292821}.ro-mark .ro-stone,.ro-mark .ro-gaze{display:block;position:absolute;inset:0}.ro-mark .ro-stone{transform-origin:50% 85%}.ro-mark .ro-stone-body{background:var(--ro-body);border-radius:58% 42% 36%/67% 53% 34% 29%;position:absolute;inset:14% -3% 4%;transform:rotate(-8deg)}.ro-mark .ro-eye{background:var(--ro-eyes);transform-origin:50%;border-radius:55% 45% 50% 50%;width:9%;height:20%;position:absolute;top:40%;left:33%;transform:rotate(-7deg)}.ro-mark .ro-eye-right{height:18%;top:36%;left:55%;transform:rotate(9deg)}.ro-mark[data-state=idle] .ro-gaze{animation:7.2s ease-in-out infinite ro-blink}.ro-mark[data-state=listening] .ro-stone{transition:transform .26s;transform:rotate(-4deg)}.ro-mark[data-state=listening] .ro-gaze{transform:translateY(-2%)scaleY(1.08)}.ro-mark[data-state=thinking] .ro-gaze{animation:3.6s ease-in-out infinite ro-ponder}.ro-mark[data-state=searching] .ro-gaze{animation:3.2s ease-in-out infinite ro-look-around}.ro-mark[data-state=responding] .ro-stone{animation:2.6s ease-in-out infinite ro-tell}.ro-mark[data-state=responding] .ro-gaze{animation:5.4s ease-in-out infinite ro-blink}.ro-mark[data-state=milestone] .ro-stone{animation:.85s cubic-bezier(.22,.8,.35,1) ro-little-lift}.ro-mark[data-state=resting] .ro-stone{transform:rotate(2deg)}.ro-mark[data-state=resting] .ro-gaze{animation:12s ease-in-out infinite ro-rest-blink}.ro-mark[data-state=happy] .ro-stone{animation:1.1s ease-in-out ro-happy-nod}.ro-mark[data-state=happy] .ro-eye{border-top:calc(var(--ro-size) * .035) solid var(--ro-eyes);background:0 0;border-radius:65% 65% 0 0;width:13%;height:13%;top:44%;left:31%;transform:rotate(-9deg)}.ro-mark[data-state=happy] .ro-eye-right{height:12%;top:40%;left:54%;transform:rotate(9deg)}@keyframes ro-rest-blink{0%,94%,98%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes ro-happy-nod{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-4%)rotate(-4deg)}60%{transform:translateY(1%)rotate(2deg)}80%{transform:translateY(-1%)rotate(-1deg)}}.ro-mark[data-state=error] .ro-stone{transform:rotate(5deg)}.ro-mark[data-state=error] .ro-gaze{transform:translateY(4%)}@keyframes ro-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.09)}}@keyframes ro-ponder{0%,to{transform:translate(0)}30%,66%{transform:translate(3%,-5%)}82%{transform:translate(3%,-5%)scaleY(.12)}88%{transform:translate(3%,-5%)scaleY(1)}}@keyframes ro-look-around{0%,to{transform:translate(0)}18%,36%{transform:translate(-5%)}60%,80%{transform:translate(5%)}}@keyframes ro-tell{0%,to{transform:rotate(0)}35%{transform:rotate(-2deg)}70%{transform:rotate(1deg)}}@keyframes ro-little-lift{0%,to{transform:translateY(0)rotate(0)}20%{transform:scale(1.03,.97)}48%{transform:translateY(-7%)rotate(-5deg)}78%{transform:translateY(0)rotate(2deg)}}.ro-mark[data-calm=true][data-state=thinking] .ro-gaze{animation:6s ease-in-out infinite ro-blink}.ro-mark[data-calm=true][data-state=responding] .ro-stone,.ro-mark.ro-night[data-state=responding] .ro-stone{animation:none}.ro-mark.ro-night .ro-gaze{animation-duration:8s}.ro-mark.ro-night[data-state=resting] .ro-gaze{animation-duration:12s}.ro-mark.ro-night[data-state=happy] .ro-stone,.ro-mark[data-calm=true][data-state=happy] .ro-stone{animation:none}.ro-mark[data-paused=true] *,.ro-mark[data-state=static] *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.ro-mark .ro-stone,.ro-mark .ro-gaze,.ro-mark .ro-eye{transition:none!important;animation:none!important}.ro-mark[data-state=thinking] .ro-gaze{transform:translate(3%,-5%)}.ro-mark[data-state=searching] .ro-gaze{transform:translate(4%)}}