.miro-avatar{--miro-body: #1c1c1c;--miro-eye: #faf7ee;--miro-shadow: rgba(0, 0, 0, .16);--miro-spring: cubic-bezier(.16, 1, .3, 1);--miro-snap: cubic-bezier(.23, 1, .32, 1)}.dark .miro-avatar{--miro-body: #f5f5f5;--miro-eye: #111111;--miro-shadow: rgba(0, 0, 0, .7)}.miro-avatar svg *{transform-box:view-box}.miro-body,.miro-ink{fill:var(--miro-body);transition:fill .22s ease}.miro-eye{fill:var(--miro-eye);transition:fill .22s ease}.miro-line-eye{stroke:var(--miro-eye);stroke-width:5.6;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:stroke .22s ease}.miro-stroke{stroke:var(--miro-body);stroke-linecap:round;fill:none}.miro-gold{fill:#ffd54b}@keyframes miro-float{50%{transform:translateY(-2.5px)}}@keyframes miro-shadow{50%{transform:scaleX(.86);opacity:.7}}.miro-float{animation:miro-float 4.8s ease-in-out infinite}.miro-shadow{fill:var(--miro-shadow);filter:blur(3px);transform-origin:60px 104px;animation:miro-shadow 4.8s ease-in-out infinite}.miro-head,.miro-bob,.miro-tilt{transform-origin:60px 92px}.miro-mood{transform-origin:60px 58px;transition:transform .32s var(--miro-snap)}.miro-blink{transform-origin:60px 58px}.miro-eyeL,.miro-eyeR{transition:transform .3s var(--miro-spring)}.miro-eyeL{transform-origin:33px 59px}.miro-eyeR{transform-origin:88px 59px}.miro-s{opacity:0;transform:scaleY(.3);transform-origin:center;transition:opacity .16s ease,transform .26s var(--miro-snap)}.miro-avatar[data-face=dot] .miro-dot,.miro-avatar[data-face=oval] .miro-oval,.miro-avatar[data-face=smile] .miro-arc,.miro-avatar[data-face=chev] .miro-chev,.miro-avatar[data-face=shut] .miro-shut{opacity:1;transform:none}.miro-avatar .miro-s{transform-box:fill-box}.miro-x{opacity:0}.miro-line{opacity:0;transform:translate(-6px,4px) scale(.92);transform-origin:0 100%;transition:opacity .15s ease,transform .15s ease}.miro-avatar[data-talk=true] .miro-line{opacity:1;transform:none;transition:opacity .2s ease,transform .32s var(--miro-snap)}@keyframes miro-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:.9;transform:translateY(-3px)}}.miro-dots{display:inline-flex;gap:4px;padding:5px 2px}.miro-dots i{width:6px;height:6px;border-radius:9999px;background:currentColor;opacity:.3;animation:miro-dot 1.2s ease-in-out infinite}.miro-dots i:nth-child(2){animation-delay:.15s}.miro-dots i:nth-child(3){animation-delay:.3s}.miro-avatar[data-talk=false] .miro-dots i{animation-play-state:paused}@keyframes miro-show-early{0%,6%{opacity:0}8%,48%{opacity:1}50%,to{opacity:0}}@keyframes miro-show-late{0%,6%{opacity:1}8%,48%{opacity:0}50%,to{opacity:1}}@keyframes miro-wave{0%{transform:none}8%{transform:rotate(-7deg)}18%{transform:rotate(6deg)}28%{transform:rotate(-3deg)}38%,to{transform:none}}.miro-avatar[data-mood=hello] .miro-bob{animation:miro-wave 2.8s var(--miro-snap) infinite}@keyframes miro-tap{40%{transform:translateY(1.5px) rotate(1deg)}}.miro-nod .miro-bob{animation:miro-tap .26s ease-out}@keyframes miro-cloud{0%{transform:scale(0);opacity:0}12%{transform:scale(1.08);opacity:1}20%,84%{transform:scale(1);opacity:1}to{transform:scale(.4);opacity:0}}@keyframes miro-twirl{to{transform:rotate(1turn)}}.miro-cloud{transform-origin:104px 0px}.miro-cloud-spark{transform-origin:114px -4px}.miro-avatar[data-mood=thinking] .miro-cloud{opacity:1;animation:miro-cloud 3.4s var(--miro-spring) infinite}.miro-avatar[data-mood=thinking] .miro-cloud-spark{animation:miro-twirl 1.4s linear infinite}.miro-avatar[data-mood=thinking] .miro-mood{transform:translate(5px,-7px)}@keyframes miro-read{0%{transform:translate(-6px,4px)}72%,80%{transform:translate(6px,4px)}92%,to{transform:translate(-6px,4px)}}.miro-avatar[data-mood=writing] .miro-mood{animation:miro-read 1.6s linear infinite}@keyframes miro-ox{0%{transform:translate(-46px)}to{transform:translate(46px)}}@keyframes miro-oy{0%{transform:translateY(-11px)}to{transform:translateY(11px)}}@keyframes miro-juggle-look{0%{transform:translate(6px,-6px)}25%{transform:translateY(-3px)}50%{transform:translate(-6px,-6px)}75%{transform:translateY(-8px)}to{transform:translate(6px,-6px)}}@keyframes miro-hum{50%{transform:translateY(-2px) scale(1.01,.99)}}.miro-avatar[data-mood=working] .miro-juggle{opacity:1}.miro-avatar[data-mood=working] .miro-ox{animation:miro-ox 1s ease-in-out infinite alternate}.miro-avatar[data-mood=working] .miro-oy{animation:miro-oy 1s ease-in-out infinite alternate}.miro-avatar[data-mood=working] .miro-mood{animation:miro-juggle-look 2s linear infinite}.miro-avatar[data-mood=working] .miro-bob{animation:miro-hum 1s ease-in-out infinite}@keyframes miro-hop{0%,30%,to{transform:none}8%{transform:translateY(-9px) scale(1.04,.97)}18%{transform:translateY(0) scale(1.03,.96)}}@keyframes miro-spark{0%,3%{opacity:0;transform:scale(.2) rotate(0)}14%{opacity:1;transform:scale(1.1) rotate(45deg)}34%,to{opacity:0;transform:scale(.8) rotate(90deg)}}.miro-spark{transform-origin:120px 8px}.miro-avatar[data-mood=done] .miro-bob{animation:miro-hop 2.6s var(--miro-snap) infinite}.miro-avatar[data-mood=done] .miro-spark{animation:miro-spark 2.6s var(--miro-snap) infinite}@keyframes miro-gotit{0%,to{transform:none}10%{transform:translateY(3px) rotate(-3deg) scaleY(.96)}22%{transform:translateY(-2px)}32%{transform:none}}.miro-avatar[data-mood=gotit] .miro-bob{animation:miro-gotit 2.4s var(--miro-spring) infinite}.miro-avatar[data-mood=gotit] .miro-dot{animation:miro-show-late 2.4s steps(1) infinite}.miro-avatar[data-mood=gotit] .miro-arc{opacity:1;transform:none;animation:miro-show-early 2.4s steps(1) infinite}@keyframes miro-curious-look{0%,to{transform:translate(-3px,-3px)}50%{transform:translate(3px,-4px)}}@keyframes miro-q{50%{transform:translateY(-3px) rotate(6deg)}}.miro-avatar[data-mood=curious] .miro-tilt{transform:rotate(-10deg);transition:transform .42s var(--miro-spring)}.miro-avatar[data-mood=curious] .miro-eyeL .miro-dot{opacity:0}.miro-avatar[data-mood=curious] .miro-eyeL .miro-oval{opacity:1;transform:none}.miro-avatar[data-mood=curious] .miro-mood{animation:miro-curious-look 3.6s ease-in-out infinite}.miro-q{transform-origin:110px 4px}.miro-avatar[data-mood=curious] .miro-q{opacity:1;animation:miro-q 1.8s ease-in-out infinite}@keyframes miro-ok-look{0%,30%{transform:translateY(-3px)}38%,58%{transform:translate(-5px,8px)}66%,to{transform:translateY(-3px)}}@keyframes miro-ok-tilt{0%,30%{transform:rotate(-6deg)}38%,58%{transform:rotate(3deg) translateY(2px)}66%,to{transform:rotate(-6deg)}}@keyframes miro-ok-hope{0%,66%{transform:none}72%{transform:translateY(-5px) scale(1.02,.98)}80%,to{transform:none}}@keyframes miro-ok-shine{0%,66%,to{transform:scale(1)}74%,90%{transform:scale(1.1)}}.miro-glint{fill:var(--miro-body);opacity:0;transition:opacity .16s ease}.miro-avatar[data-mood=approve] .miro-glint{opacity:1}.miro-avatar[data-mood=approve] .miro-mood{animation:miro-ok-look 3.4s var(--miro-spring) infinite}.miro-avatar[data-mood=approve] .miro-tilt{animation:miro-ok-tilt 3.4s var(--miro-spring) infinite}.miro-avatar[data-mood=approve] .miro-bob{animation:miro-ok-hope 3.4s var(--miro-spring) infinite}.miro-avatar[data-mood=approve] .miro-eyeL,.miro-avatar[data-mood=approve] .miro-eyeR{animation:miro-ok-shine 3.4s ease-in-out infinite}@keyframes miro-wow-oval{0%,54%{opacity:1}55%,to{opacity:0}}@keyframes miro-wow-arc{0%,54%{opacity:0}55%,to{opacity:1}}@keyframes miro-wow-pop{0%{transform:none}6%{transform:scale(1.38)}20%,54%{transform:scale(1.18)}60%,to{transform:none}}@keyframes miro-wow-stretch{0%{transform:none}6%{transform:scale(.96,1.07) translateY(-4px)}22%,to{transform:none}}.miro-avatar[data-mood=wow] .miro-oval{transform:none;animation:miro-wow-oval 3s steps(1) infinite}.miro-avatar[data-mood=wow] .miro-arc{transform:none;animation:miro-wow-arc 3s steps(1) infinite}.miro-avatar[data-mood=wow] .miro-eyeL,.miro-avatar[data-mood=wow] .miro-eyeR{animation:miro-wow-pop 3s var(--miro-spring) infinite}.miro-avatar[data-mood=wow] .miro-bob{animation:miro-wow-stretch 3s var(--miro-spring) infinite}@keyframes miro-voice{0%,to{transform:scaleY(.82)}20%{transform:scaleY(1.08)}40%{transform:scaleY(.9)}60%{transform:scaleY(1.14)}80%{transform:scaleY(.86)}}@keyframes miro-wave-arc{0%,to{opacity:.15}40%{opacity:.9}}.miro-avatar[data-mood=hearing] .miro-eyeL,.miro-avatar[data-mood=hearing] .miro-eyeR{animation:miro-voice 1.1s ease-in-out infinite}.miro-avatar[data-mood=hearing] .miro-eyeR{animation-delay:.08s}.miro-avatar[data-mood=hearing] .miro-tilt{transform:rotate(4deg);transition:transform .42s var(--miro-spring)}.miro-avatar[data-mood=hearing] .miro-waves{opacity:1}.miro-avatar[data-mood=hearing] .miro-waves path{animation:miro-wave-arc 1.2s ease-in-out infinite}.miro-avatar[data-mood=hearing] .miro-waves path:nth-child(2){animation-delay:.2s}.miro-avatar[data-mood=hearing] .miro-waves path:nth-child(3){animation-delay:.4s}@keyframes miro-lean{0%,to{transform:scale(1.05) translateY(-2px)}50%{transform:scale(1.07) translateY(-3px) rotate(-2deg)}}@keyframes miro-scan{0%,to{transform:translate(-6px,2px)}50%{transform:translate(6px,2px)}}.miro-avatar[data-mood=inspect] .miro-eyeL{transform:scaleY(.42)}.miro-avatar[data-mood=inspect] .miro-eyeR{transform:scale(1.12)}.miro-avatar[data-mood=inspect] .miro-head{animation:miro-lean 3.4s var(--miro-spring) infinite}.miro-avatar[data-mood=inspect] .miro-mood{animation:miro-scan 2.4s ease-in-out infinite}@keyframes miro-oops-chev{0%,44%{opacity:1}45%,to{opacity:0}}@keyframes miro-oops-dot{0%,44%{opacity:0}45%,to{opacity:1}}@keyframes miro-shake{0%{transform:none}4%{transform:translate(-5px) rotate(-3deg)}8%{transform:translate(5px) rotate(3deg)}12%{transform:translate(-3px) rotate(-2deg)}16%{transform:translate(2px)}20%,44%{transform:none}50%,to{transform:rotate(-4deg) translateY(2px)}}@keyframes miro-oops-look{0%,44%{transform:none}50%,to{transform:translate(-4px,6px)}}@keyframes miro-sweat{0%,46%{opacity:0;transform:translateY(-4px)}56%{opacity:1;transform:none}90%{opacity:1;transform:translateY(8px)}to{opacity:0;transform:translateY(10px)}}.miro-avatar[data-mood=oops] .miro-chev{transform:none;animation:miro-oops-chev 3.2s steps(1) infinite}.miro-avatar[data-mood=oops] .miro-dot{transform:none;animation:miro-oops-dot 3.2s steps(1) infinite}.miro-avatar[data-mood=oops] .miro-bob{animation:miro-shake 3.2s ease-in-out infinite}.miro-avatar[data-mood=oops] .miro-mood{animation:miro-oops-look 3.2s ease-in-out infinite}.miro-sweat{transform-origin:104px 20px}.miro-avatar[data-mood=oops] .miro-sweat{animation:miro-sweat 3.2s ease-in infinite}@keyframes miro-sigh{0%,to{transform:none}40%,55%{transform:translateY(2px) scaleY(.97) rotate(2deg)}}.miro-avatar[data-mood=low] .miro-eyeL{transform:translate(-3px,7px) scale(.8)}.miro-avatar[data-mood=low] .miro-eyeR{transform:translate(3px,7px) scale(.8)}.miro-avatar[data-mood=low] .miro-brow{opacity:1}.miro-avatar[data-mood=low] .miro-bob{transform:translateY(3px) scaleY(.96);transition:transform .6s var(--miro-spring)}.miro-avatar[data-mood=low] .miro-tilt{animation:miro-sigh 4s ease-in-out infinite}@keyframes miro-doze{0%,to{transform:rotate(3deg)}70%{transform:rotate(9deg) translateY(3px)}78%{transform:rotate(1deg) translateY(-1px)}86%{transform:rotate(3deg)}}@keyframes miro-z{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.9}to{opacity:0;transform:translate(14px,-26px) scale(1.15)}}.miro-avatar[data-mood=sleepy] .miro-tilt{animation:miro-doze 4s ease-in-out infinite}.miro-avatar[data-mood=sleepy] .miro-zz{opacity:1}.miro-zz text{opacity:0;transform-origin:108px 12px}.miro-avatar[data-mood=sleepy] .miro-zz text{animation:miro-z 3s ease-out infinite}.miro-avatar[data-mood=sleepy] .miro-zz text:nth-child(2){animation-delay:1s}.miro-avatar[data-mood=sleepy] .miro-zz text:nth-child(3){animation-delay:2s}@keyframes miro-wink-tilt{0%,6%{transform:none}12%,44%{transform:rotate(-5deg)}54%,to{transform:none}}@keyframes miro-wink-spark{0%,8%{opacity:0;transform:scale(.2) rotate(0)}18%{opacity:1;transform:scale(1.1) rotate(45deg)}40%,to{opacity:0;transform:scale(.7) rotate(90deg)}}.miro-avatar[data-mood=wink] .miro-eyeL .miro-dot{animation:miro-show-late 2.6s steps(1) infinite}.miro-avatar[data-mood=wink] .miro-eyeL .miro-arc{transform:none;animation:miro-show-early 2.6s steps(1) infinite}.miro-avatar[data-mood=wink] .miro-tilt{animation:miro-wink-tilt 2.6s var(--miro-spring) infinite}.miro-wink-spark{transform-origin:14px 34px}.miro-avatar[data-mood=wink] .miro-wink-spark{animation:miro-wink-spark 2.6s var(--miro-spring) infinite}@keyframes miro-hop2{0%,50%,to{transform:none}8%{transform:translateY(-12px) scale(1.04,.97) rotate(-4deg)}18%{transform:scale(1.03,.95)}26%{transform:translateY(-9px) rotate(4deg)}36%{transform:scale(1.02,.97)}44%{transform:none}}@keyframes miro-burst{0%,4%{opacity:0;transform:translate(0) rotate(0) scale(.4)}10%{opacity:1}46%{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(var(--r)) scale(1)}60%,to{opacity:0;transform:translate(var(--tx),calc(var(--ty) + 14px)) rotate(var(--r)) scale(1)}}.miro-avatar[data-mood=celebrate] .miro-bob{animation:miro-hop2 2.8s var(--miro-spring) infinite}.miro-confetti>*{opacity:0;transform-origin:60px 40px}.miro-avatar[data-mood=celebrate] .miro-confetti{opacity:1}.miro-avatar[data-mood=celebrate] .miro-confetti>*{animation:miro-burst 2.8s cubic-bezier(.2,.7,.3,1) infinite}@keyframes miro-peek{0%,8%{transform:translateY(70px)}24%,70%{transform:translateY(22px)}84%{transform:translateY(-4px)}92%,to{transform:none}}@keyframes miro-peek-look{0%,28%{transform:translateY(-4px)}38%,50%{transform:translate(-6px,-4px)}58%,70%{transform:translate(6px,-4px)}84%,to{transform:none}}.miro-avatar[data-mood=peek] .miro-float{animation:none}.miro-avatar[data-mood=peek] .miro-peeker{animation:miro-peek 4s var(--miro-spring) both}.miro-avatar[data-mood=peek] .miro-mood{animation:miro-peek-look 4s ease-in-out both}.miro-avatar[data-mood=peek] .miro-shadow{opacity:0}@keyframes miro-glance{0%,to{transform:none}18%,42%{transform:translate(-7px,1px)}58%,82%{transform:translate(7px,1px)}}.miro-avatar[data-mood=glance] .miro-mood{animation:miro-glance 2.6s ease-in-out both}@keyframes miro-watch{0%{transform:none}15%{transform:translate(-6px,7px)}85%{transform:translate(6px,7px)}to{transform:none}}@keyframes miro-watch-tilt{0%,to{transform:none}20%,80%{transform:rotate(3deg) translateY(1px)}}.miro-avatar[data-mood=watch] .miro-mood{animation:miro-watch 3.2s ease-in-out both}.miro-avatar[data-mood=watch] .miro-tilt{animation:miro-watch-tilt 3.2s ease-in-out both}@media(prefers-reduced-motion:reduce){.miro-avatar *,.miro-line{animation:none!important;transition:opacity .16s ease!important}.miro-s,.miro-line,.miro-avatar[data-talk=true] .miro-line{transform:none}.miro-avatar[data-mood=thinking] .miro-cloud,.miro-avatar[data-mood=working] .miro-juggle{opacity:1}.miro-avatar[data-mood=peek] .miro-peeker{transform:none}}