.mascot{--m-ink:var(--inverse);--m-shine:var(--surface);--m-cheek:var(--danger-300);--m-spark:var(--warn-400);--m-ok:var(--ok-500);overflow:visible}.dark .mascot{--m-ink:var(--canvas);--m-shine:var(--fg);--m-cheek:var(--danger-400);--m-spark:var(--warn-500);--m-ok:var(--ok-500)}.mascot--owl{--m-body:var(--brand-400);--m-light:var(--brand-100);--m-shade:var(--brand-700);--m-accent:var(--warn-400)}.dark .mascot--owl{--m-body:var(--brand-500);--m-light:var(--accent);--m-shade:var(--brand-900);--m-accent:var(--warn-500)}.mascot--spark{--m-body:var(--info-400);--m-light:var(--info-100);--m-shade:var(--info-700);--m-accent:var(--warn-400);--m-paper:var(--surface)}.dark .mascot--spark{--m-body:var(--info-500);--m-light:var(--info-700);--m-shade:var(--info-200);--m-accent:var(--warn-500);--m-paper:var(--fg)}.mascot--sprite{--m-body:var(--ok-400);--m-light:var(--ok-100);--m-shade:var(--ok-700);--m-r1:var(--brand-400);--m-r2:var(--ok-300);--m-r3:var(--info-300)}.dark .mascot--sprite{--m-body:var(--ok-500);--m-light:var(--ok-700);--m-shade:var(--ok-200);--m-r1:var(--brand-500);--m-r2:var(--ok-700);--m-r3:var(--info-500)}.mascot--star{--m-body:var(--warn-300);--m-light:var(--warn-100);--m-shade:var(--warn-700);--m-glass:var(--info-100);--m-metal:var(--fg-3)}.dark .mascot--star{--m-body:var(--warn-700);--m-light:var(--warn-800);--m-shade:var(--warn-300);--m-glass:var(--info-300);--m-metal:var(--fg-3)}.mascot .m-outline{fill:rgb(var(--m-shade));stroke:rgb(var(--m-shade));stroke-width:6px;stroke-linejoin:round;stroke-linecap:round}.mascot .m-body{fill:rgb(var(--m-body));stroke:rgb(var(--m-body));stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.mascot .m-light{fill:rgb(var(--m-light))}.mascot .m-shade-fill{fill:rgb(var(--m-shade))}.mascot .m-wing-tone{fill:rgb(var(--m-shade));opacity:.28}.mascot .m-shade-line{fill:none;stroke:rgb(var(--m-shade));stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.mascot .m-accent{fill:rgb(var(--m-accent))}.mascot .m-ink{fill:rgb(var(--m-ink))}.mascot .m-ink-line{fill:none;stroke:rgb(var(--m-ink));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mascot .m-shine{fill:rgb(var(--m-shine))}.mascot .m-cheek{fill:rgb(var(--m-cheek));opacity:.45}.mascot .m-spark{fill:rgb(var(--m-spark))}.mascot .m-paper{fill:rgb(var(--m-paper))}.mascot .m-check{fill:none;stroke:rgb(var(--m-ok));stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.mascot .m-glass{fill:rgb(var(--m-glass));opacity:.7}.mascot .m-metal-line{fill:none;stroke:rgb(var(--m-metal));stroke-linecap:round}.mascot .m-ribbon{fill:none;stroke-linecap:round;stroke-linejoin:round}.mascot .m-outline .m-ribbon{stroke-width:7.6px}.mascot .m-body .m-ribbon{stroke-width:4px}.mascot .m-body .m-ribbon-1{stroke:rgb(var(--m-r1))}.mascot .m-body .m-ribbon-2{stroke:rgb(var(--m-r2))}.mascot .m-body .m-ribbon-3{stroke:rgb(var(--m-r3))}.mascot .m-body .m-node-1{fill:rgb(var(--m-r1));stroke:rgb(var(--m-r1))}.mascot .m-body .m-node-2{fill:rgb(var(--m-r2));stroke:rgb(var(--m-r2))}.mascot .m-body .m-node-3{fill:rgb(var(--m-r3));stroke:rgb(var(--m-r3))}.mascot[data-state=thinking] .m-eyes{transform:translate(1px,-1.6px)}.mascot[data-state=sleep]{filter:saturate(.35)}.mascot[data-state=sleep] .m-ribbons{transform:translateY(2px)}@media (prefers-reduced-motion:no-preference){.mascot .m-figure{transform-box:view-box;transform-origin:32px 60px}.mascot[data-state=idle] .m-figure{animation:3.4s ease-in-out infinite m-bob}.mascot[data-state=talking] .m-figure{animation:.9s ease-in-out infinite m-bob}.mascot[data-state=thinking] .m-figure{animation:2.6s ease-in-out infinite m-ponder}.mascot[data-state=cheer] .m-figure{animation:.62s cubic-bezier(.3,.7,.4,1) 2 m-hop}.mascot[data-state=sleep] .m-figure{animation:4.8s ease-in-out infinite m-breathe}.mascot .m-eye,.mascot .m-talk,.mascot .m-dot,.mascot .m-sparkle,.mascot .m-wing{transform-box:fill-box;transform-origin:50%}.mascot[data-state=idle] .m-eye,.mascot[data-state=talking] .m-eye{animation:5.2s ease-in-out infinite m-blink}.mascot[data-state=talking] .m-talk{animation:.3s ease-in-out infinite alternate m-talk}.mascot .m-eyes{transition:transform .24s cubic-bezier(.16,1,.3,1)}.mascot .m-dot{animation:1.2s ease-in-out infinite m-dot}.mascot .m-dot:nth-child(2){animation-delay:.18s}.mascot .m-dot:nth-child(3){animation-delay:.36s}.mascot .m-sparkle{animation:.9s ease-out 2 both m-sparkle}.mascot .m-sparkle:nth-child(2){animation-delay:.14s}.mascot .m-sparkle:nth-child(3){animation-delay:.28s}.mascot .m-z{animation:3.2s ease-in-out infinite both m-z}.mascot .m-z:nth-child(2){animation-delay:1.6s}.mascot--sprite .m-ribbons{transform-box:view-box;transform-origin:26px 26px}.mascot--sprite[data-state=idle] .m-ribbons,.mascot--sprite[data-state=talking] .m-ribbons{animation:4.2s ease-in-out infinite m-sway}.mascot--sprite[data-state=thinking] .m-ribbons{animation:1.4s ease-in-out infinite m-sway}.mascot--star[data-state=idle] .m-glint,.mascot--star[data-state=thinking] .m-glint{animation:4.6s ease-in-out infinite m-glint}.mascot--owl[data-state=cheer] .m-wing-l{transform-box:view-box;transform-origin:17px 36px;animation:.31s ease-in-out 4 alternate m-flap-l}.mascot--owl[data-state=cheer] .m-wing-r{transform-box:view-box;transform-origin:47px 36px;animation:.31s ease-in-out 4 alternate m-flap-r}.mascot--spark[data-state=cheer] .m-clipboard{transform-box:view-box;transform-origin:46px 46px;animation:.31s ease-in-out 4 alternate m-wave}}.mascot--still,.mascot--still *{animation:none!important}@keyframes m-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6px)}}@keyframes m-ponder{0%,to{transform:rotate(-3deg)}50%{transform:rotate(2deg)translateY(-.8px)}}@keyframes m-hop{0%{transform:translateY(0)scale(1)}32%{transform:translateY(-7px)scale(.96,1.05)}64%{transform:translateY(0)scale(1.06,.93)}to{transform:translateY(0)scale(1)}}@keyframes m-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes m-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.12)}}@keyframes m-talk{0%{transform:scaleY(.45)}to{transform:scaleY(1.1)}}@keyframes m-dot{0%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-1.5px)}}@keyframes m-sparkle{0%{opacity:0;transform:scale(.2)rotate(-30deg)}45%{opacity:1;transform:scale(1.1)rotate(0)}to{opacity:0;transform:scale(.6)rotate(20deg)}}@keyframes m-z{0%{opacity:0;transform:translateY(2px)}30%{opacity:1}to{opacity:0;transform:translate(3px,-5px)}}@keyframes m-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes m-glint{0%,72%,to{opacity:0}82%{opacity:1}}@keyframes m-flap-l{0%{transform:rotate(0)}to{transform:rotate(28deg)}}@keyframes m-flap-r{0%{transform:rotate(0)}to{transform:rotate(-28deg)}}@keyframes m-wave{0%{transform:rotate(0)}to{transform:rotate(-12deg)translateY(-2px)}}.person{--p-ink:rgb(var(--inverse));--p-shine:rgb(var(--surface));--p-halo:rgb(var(--surface));--p-mark:rgb(var(--muted));--p-spark:rgb(var(--warn-400));--av-white:rgb(var(--surface));--av-mouth:rgb(var(--danger-700));--av-blush:rgb(var(--danger-300));--av-gold:rgb(var(--warn-400));--av-skin-fair:color-mix(in srgb, rgb(var(--warn-200)) 30%, rgb(var(--danger-100)));--av-skin-peach:color-mix(in srgb, rgb(var(--warn-200)) 50%, rgb(var(--danger-200)));--av-skin-golden:color-mix(in srgb, rgb(var(--warn-300)) 40%, rgb(var(--danger-100)));--av-skin-tan:color-mix(in srgb, rgb(var(--warn-200)) 65%, rgb(var(--danger-600)));--av-skin-brown:color-mix(in srgb, rgb(var(--warn-700)) 55%, rgb(var(--danger-300)));--av-skin-deep:color-mix(in srgb, rgb(var(--warn-800)) 75%, rgb(var(--violet-600)));--av-hair-black:color-mix(in srgb, rgb(var(--inverse)) 90%, rgb(var(--danger-900)));--av-hair-espresso:color-mix(in srgb, rgb(var(--ok-900)) 45%, rgb(var(--danger-900)));--av-hair-brown:color-mix(in srgb, rgb(var(--warn-700)) 65%, rgb(var(--violet-700)));--av-hair-copper:color-mix(in srgb, rgb(var(--warn-700)) 45%, rgb(var(--danger-400)));--av-hair-sandy:color-mix(in srgb, rgb(var(--warn-600)) 70%, rgb(var(--violet-200)));--av-cloth-teal:rgb(var(--brand-600));--av-cloth-navy:rgb(var(--info-600));--av-cloth-chambray:rgb(var(--info-500));--av-cloth-green:rgb(var(--ok-600));--av-cloth-mustard:rgb(var(--warn-500));--av-cloth-violet:rgb(var(--violet-500));--av-cloth-plum:rgb(var(--violet-600));--av-cloth-coral:rgb(var(--danger-400));--av-cloth-red:rgb(var(--danger-500));--av-disc-teal:rgb(var(--brand-100));--av-disc-blue:rgb(var(--info-100));--av-disc-green:rgb(var(--ok-100));--av-disc-amber:rgb(var(--warn-100));--av-disc-violet:rgb(var(--violet-100));--av-disc-rose:rgb(var(--danger-100));--p-skin-shade:color-mix(in srgb, var(--p-skin) 84%, var(--av-mouth));--p-hair-sheen:color-mix(in srgb, var(--p-hair) 70%, var(--av-white));--p-cloth-shade:color-mix(in srgb, var(--p-cloth) 74%, var(--p-ink));--p-cloth-light:color-mix(in srgb, var(--p-cloth) 68%, var(--av-white));overflow:visible}.dark .person{--p-ink:rgb(var(--canvas));--p-shine:rgb(var(--fg));--p-halo:rgb(var(--surface));--p-mark:rgb(var(--muted));--p-spark:rgb(var(--warn-500));--av-white:rgb(var(--fg));--av-mouth:rgb(var(--danger-300));--av-blush:rgb(var(--danger-700));--av-gold:rgb(var(--warn-500));--av-skin-fair:color-mix(in srgb, rgb(var(--warn-800)) 30%, rgb(var(--danger-900)));--av-skin-peach:color-mix(in srgb, rgb(var(--warn-800)) 50%, rgb(var(--danger-800)));--av-skin-golden:color-mix(in srgb, rgb(var(--warn-700)) 40%, rgb(var(--danger-900)));--av-skin-tan:color-mix(in srgb, rgb(var(--warn-800)) 65%, rgb(var(--danger-600)));--av-skin-brown:color-mix(in srgb, rgb(var(--warn-300)) 55%, rgb(var(--danger-700)));--av-skin-deep:color-mix(in srgb, rgb(var(--warn-700)) 20%, rgb(var(--danger-100)));--av-hair-black:color-mix(in srgb, rgb(var(--surface-4)) 70%, rgb(var(--danger-100)));--av-hair-espresso:color-mix(in srgb, rgb(var(--ok-100)) 50%, rgb(var(--danger-200)));--av-hair-brown:color-mix(in srgb, rgb(var(--warn-100)) 70%, rgb(var(--danger-700)));--av-hair-copper:color-mix(in srgb, rgb(var(--warn-300)) 50%, rgb(var(--danger-500)));--av-hair-sandy:color-mix(in srgb, rgb(var(--warn-600)) 70%, rgb(var(--violet-800)));--av-cloth-teal:rgb(var(--brand-700));--av-cloth-navy:rgb(var(--info-600));--av-cloth-chambray:rgb(var(--info-400));--av-cloth-green:rgb(var(--ok-300));--av-cloth-mustard:rgb(var(--warn-400));--av-cloth-violet:rgb(var(--violet-400));--av-cloth-plum:rgb(var(--violet-600));--av-cloth-coral:rgb(var(--danger-500));--av-cloth-red:rgb(var(--danger-400));--av-disc-teal:color-mix(in srgb, rgb(var(--brand-300)) 55%, rgb(var(--surface-2)));--av-disc-blue:color-mix(in srgb, rgb(var(--info-300)) 55%, rgb(var(--surface-2)));--av-disc-green:color-mix(in srgb, rgb(var(--ok-300)) 55%, rgb(var(--surface-2)));--av-disc-amber:color-mix(in srgb, rgb(var(--warn-300)) 55%, rgb(var(--surface-2)));--av-disc-violet:color-mix(in srgb, rgb(var(--violet-300)) 55%, rgb(var(--surface-2)));--av-disc-rose:color-mix(in srgb, rgb(var(--danger-300)) 55%, rgb(var(--surface-2)))}.person--nova{--p-disc:var(--av-disc-teal);--p-skin:var(--av-skin-brown);--p-hair:var(--av-hair-espresso);--p-cloth:var(--av-cloth-teal)}.person--iris{--p-disc:var(--av-disc-blue);--p-skin:var(--av-skin-fair);--p-hair:var(--av-hair-black);--p-cloth:var(--av-cloth-navy)}.person--maya{--p-disc:var(--av-disc-green);--p-skin:var(--av-skin-tan);--p-hair:var(--av-hair-espresso);--p-cloth:var(--av-cloth-green)}.person--lena{--p-disc:var(--av-disc-amber);--p-skin:var(--av-skin-peach);--p-hair:var(--av-hair-copper);--p-cloth:var(--av-cloth-mustard)}.person--zara{--p-disc:var(--av-disc-violet);--p-skin:var(--av-skin-deep);--p-hair:var(--av-hair-black);--p-cloth:var(--av-cloth-violet)}.person--mei{--p-disc:var(--av-disc-rose);--p-skin:var(--av-skin-golden);--p-hair:var(--av-hair-black);--p-cloth:var(--av-cloth-coral)}.person--theo{--p-disc:var(--av-disc-amber);--p-skin:var(--av-skin-fair);--p-hair:var(--av-hair-brown);--p-cloth:var(--av-cloth-chambray)}.person--kai{--p-disc:var(--av-disc-blue);--p-skin:var(--av-skin-deep);--p-hair:var(--av-hair-black);--p-cloth:var(--av-cloth-red)}.person--sam{--p-disc:var(--av-disc-green);--p-skin:var(--av-skin-peach);--p-hair:var(--av-hair-sandy);--p-cloth:var(--av-cloth-plum)}.person .p-disc{fill:var(--p-disc)}.person .p-skin{fill:var(--p-skin)}.person .p-skin-shade{fill:var(--p-skin-shade)}.person .p-hair{fill:var(--p-hair)}.person .p-fade{opacity:.55}.person .p-hair-sheen{fill:none;stroke:var(--p-hair-sheen);stroke-width:1.1px;stroke-linecap:round;opacity:.55}.person .p-strand{fill:none;stroke:var(--p-hair);stroke-width:1.4px;stroke-linecap:round}.person .p-band{fill:none;stroke:var(--p-cloth);stroke-width:2px;stroke-linecap:round}.person .p-cloth{fill:var(--p-cloth)}.person .p-cloth-shade{fill:var(--p-cloth-shade)}.person .p-cloth-light{fill:var(--p-cloth-light)}.person .p-cloth-sheen{fill:none;stroke:var(--p-cloth-light);stroke-width:1.2px;stroke-linecap:round;opacity:.7}.person .p-cloth-line{fill:none;stroke:var(--p-cloth-shade);stroke-width:1.3px;stroke-linecap:round}.person .p-rib{fill:none;stroke:var(--p-cloth-shade);stroke-width:1.7px;stroke-linecap:round}.person .p-white{fill:var(--av-white)}.person .p-gold{fill:var(--av-gold)}.person .p-gold-line{fill:none;stroke:var(--av-gold);stroke-width:1px}.person .p-ink{fill:var(--p-ink)}.person .p-ink-line{fill:none;stroke:var(--p-ink);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.person .p-lash{stroke-width:.9px}.person .p-brow{fill:none;stroke:color-mix(in srgb, var(--p-hair) 60%, var(--p-ink));stroke-width:1.25px;stroke-linecap:round}.person .p-shine{fill:var(--p-shine)}.person .p-nose{fill:none;stroke:var(--p-skin-shade);stroke-width:1px;stroke-linecap:round}.person .p-mouth{fill:var(--av-mouth)}.person .p-mouth-line{fill:none;stroke:var(--av-mouth);stroke-width:1.3px;stroke-linecap:round}.person .p-blush{fill:var(--av-blush);opacity:.32}.person .p-freckles{fill:var(--p-skin-shade)}.person .p-lens{fill:color-mix(in srgb, var(--p-shine) 22%, transparent);stroke:var(--p-ink);stroke-width:1.05px}.person .p-frame{fill:none;stroke:var(--p-ink);stroke-width:1.05px;stroke-linecap:round}.person .p-dot{fill:var(--p-mark);stroke:var(--p-halo);stroke-width:1.2px}.person .p-sparkle{fill:var(--p-spark);stroke:var(--p-halo);stroke-width:1px;paint-order:stroke}.person .p-halo{fill:none;stroke:var(--p-halo);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round}.person .p-z-line{fill:none;stroke:var(--p-mark);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.person[data-state=thinking] .p-eyes{transform:translate(.9px,-1.3px)}.person[data-state=thinking] .p-brows{transform:translateY(-.8px)}.person[data-state=sleep]{filter:saturate(.35)}@media (prefers-reduced-motion:no-preference){.person .p-figure{transform-box:view-box;transform-origin:32px 64px}.person[data-state=idle] .p-figure{animation:4.2s ease-in-out infinite p-breathe}.person[data-state=talking] .p-figure{animation:1.8s ease-in-out infinite p-breathe}.person[data-state=thinking] .p-figure{animation:2.8s ease-in-out infinite p-ponder}.person[data-state=cheer] .p-figure{animation:.6s cubic-bezier(.3,.7,.4,1) 2 p-bounce}.person[data-state=sleep] .p-figure{animation:5.2s ease-in-out infinite p-breathe}.person .p-eye,.person .p-talk,.person .p-dot,.person .p-sparkle{transform-box:fill-box;transform-origin:50%}.person[data-state=idle] .p-eye,.person[data-state=talking] .p-eye{animation:5.6s ease-in-out infinite p-blink}.person[data-state=talking] .p-talk{animation:.28s ease-in-out infinite alternate p-talk}.person .p-eyes,.person .p-brows{transition:transform .26s cubic-bezier(.16,1,.3,1)}.person .p-dot{animation:1.2s ease-in-out infinite p-dot}.person .p-dot:nth-child(2){animation-delay:.18s}.person .p-dot:nth-child(3){animation-delay:.36s}.person .p-sparkle{animation:.9s ease-out 2 both p-sparkle}.person .p-sparkle:nth-child(2){animation-delay:.14s}.person .p-sparkle:nth-child(3){animation-delay:.28s}.person .p-z{animation:3.2s ease-in-out infinite both p-z}.person .p-z:nth-child(2){animation-delay:1.6s}}.person--still,.person--still *{animation:none!important}@keyframes p-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.5px)scale(1.012)}}@keyframes p-ponder{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.2deg)translateY(-.4px)}}@keyframes p-bounce{0%{transform:translateY(0)}35%{transform:translateY(-3px)}70%{transform:translateY(.4px)}to{transform:translateY(0)}}@keyframes p-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}@keyframes p-talk{0%{transform:scaleY(.4)}to{transform:scaleY(1.1)}}@keyframes p-dot{0%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-1.5px)}}@keyframes p-sparkle{0%{opacity:0;transform:scale(.2)rotate(-30deg)}45%{opacity:1;transform:scale(1.1)rotate(0)}to{opacity:0;transform:scale(.6)rotate(20deg)}}@keyframes p-z{0%{opacity:0;transform:translateY(2px)}30%{opacity:1}to{opacity:0;transform:translate(3px,-5px)}}
