.blok{--look-x:0;--look-y:0;--turn:0;--blok-fill:var(--blok-paper,#fffdfa);--blok-line:var(--blok-ink,#151311);--blok-eye:var(--blok-line);--blok-glint:#fffdfa;--blok-shade:#15131113;--blok-volume:#1513111c;--blok-under:#15131133;--blok-cheek:color-mix(in oklab, var(--blok-accent,#f15a3a) 30%, transparent);--blok-ear-in:color-mix(in oklab, var(--blok-accent,#f15a3a) 24%, transparent);--blok-hatch:color-mix(in oklab, var(--blok-accent,#f15a3a) 70%, transparent);--blok-mark:#15131116;--blok-speck:#15131129;--blok-shine:transparent;--blok-rim:transparent;--blok-reflect:#ffffff4d;width:var(--blok-size,44px);flex:none;line-height:0;display:inline-block;position:relative}.blok.is-accent{--blok-fill:var(--blok-accent,#f15a3a);--blok-line:var(--blok-ink,#151311);--blok-shade:#5a10002b;--blok-volume:#6e160047;--blok-under:#460c0052;--blok-cheek:#ffdac899;--blok-ear-in:#ffece252;--blok-hatch:#ffece2cc;--blok-mark:#5a100033;--blok-speck:#5a100038;--blok-shine:#fff0e88c;--blok-rim:#ffece2b3}.blok.is-ink{--blok-fill:#2b2621;--blok-line:#6f675e;--blok-eye:#efe8dd;--blok-glint:#2b2621;--blok-shade:#0000004d;--blok-volume:#00000073;--blok-under:#00000080;--blok-cheek:#f15a3a6b;--blok-ear-in:#ffffff12;--blok-hatch:#f15a3ab3;--blok-mark:#ffffff12;--blok-speck:#ffffff14;--blok-shine:#ffffff1f;--blok-rim:#ffffff29;--blok-reflect:#2b262166}.blok svg{width:100%;height:auto;display:block;overflow:visible}.blok-floor{fill:var(--blok-floor,#1513111f);transform-box:fill-box;transform-origin:50%}.blok-body{transform-box:view-box;transform-origin:50% 100%}.blok-part,.blok-shell-fill{fill:var(--blok-fill);transition:fill .45s}.blok-part,.blok-shell{stroke:var(--blok-line);stroke-width:var(--blok-stroke,2.6);stroke-linejoin:round}.blok-shell{fill:none}.blok-volume-edge{stop-color:var(--blok-volume)}.blok-shade{fill:var(--blok-shade)}.blok-under{fill:var(--blok-under)}.blok-side{fill:var(--blok-volume);transition:opacity .2s ease-out}.blok-side-l{opacity:max(0, calc(var(--turn) * 1.6))}.blok-side-r{opacity:max(0, calc(var(--turn) * -1.6))}.blok-ear-shadow{fill:var(--blok-under);opacity:.45}.blok-ear-in{fill:var(--blok-ear-in)}.blok-speck{fill:var(--blok-speck)}.blok-deboss{fill:var(--blok-mark)}.blok-shine{fill:none;stroke:var(--blok-shine);stroke-width:1.6px;stroke-linecap:round}.blok-rim{fill:none;stroke:var(--blok-rim);stroke-width:.8px;stroke-linecap:round}.blok-sole{stroke:var(--blok-line);stroke-width:1.1px;stroke-linecap:round;opacity:.28}.blok-toe{stroke:var(--blok-line);stroke-width:.8px;stroke-linecap:round;opacity:.3}.blok-cheeks{fill:var(--blok-cheek);opacity:.85;transition:opacity .3s}.blok-hatch{fill:none;stroke:var(--blok-hatch);stroke-width:.65px;stroke-linecap:round}.blok-ear,.blok-leg{transform-box:fill-box;transform-origin:50% 100%}.blok-face{transform:translate(calc(var(--gaze-x,var(--look-x)) * 3px + var(--turn) * 4.5px + var(--glance-x,0px)), calc(var(--gaze-y,var(--look-y)) * 2.2px + var(--glance-y,0px)));transition:transform .14s ease-out}.blok-eye{fill:var(--blok-eye);transform-box:fill-box;transform-origin:50%;animation:5.6s infinite blok-blink;animation-delay:var(--blink-delay,0s)}.blok-glint{fill:var(--blok-glint);transform:translate(calc(var(--look-x) * -.5px), calc(var(--look-y) * -.5px))}.blok-glint-small{opacity:.85}.blok-reflect{fill:none;stroke:var(--blok-reflect);stroke-width:.75px;stroke-linecap:round}.blok-crease{fill:none;stroke:var(--blok-line);stroke-width:.7px;stroke-linecap:round;opacity:.22}.blok-lids,.blok-shut,.blok-happy,.blok-flat,.blok-mouth,.blok-brows>*{opacity:0}.blok-lids rect{fill:var(--blok-fill)}.blok-lids path,.blok-shut,.blok-happy,.blok-flat,.blok-brows path,.blok-mouth-smile,.blok-mouth-wobble{fill:none;stroke:var(--blok-eye);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.blok-mouth-smile,.blok-mouth-wobble{stroke-width:1.5px}.blok-mouth-o{fill:var(--blok-eye)}.blok:is([data-detail="2"],[data-detail="3"]){--turn:calc(var(--look-x) * .42)}.blok-turn{transform-box:view-box;transform-origin:24px 48px;scale:calc(1 - max(var(--turn), calc(var(--turn) * -1)) * .09) 1;transition:scale .2s ease-out}.blok-ear{translate:calc(var(--turn) * 2px) 0;transition:translate .2s ease-out}.blok-leg{translate:calc(var(--turn) * -.8px) 0;transition:translate .2s ease-out}.blok-cheeks,.blok-brows{translate:calc(var(--turn) * 4.25px) 0;transition:translate .2s ease-out}.blok-shine,.blok-rim{translate:calc(var(--turn) * -2.5px) 0;transition:translate .2s ease-out}.blok-eye-r{scale:calc(1 - max(0, var(--turn)) * .36) 1}.blok-eye-l{scale:calc(1 - max(0, calc(var(--turn) * -1)) * .36) 1}.blok-cheek-r{transform-box:fill-box;transform-origin:50%;scale:calc(1 - max(0, var(--turn)) * .5) 1}.blok-cheek-l{transform-box:fill-box;transform-origin:50%;scale:calc(1 - max(0, calc(var(--turn) * -1)) * .5) 1}.blok-prop-fill{fill:#d9d3ca;stroke:var(--blok-line);stroke-width:1.3px;stroke-linejoin:round}.blok-prop-dark{fill:#bdb5aa;stroke:var(--blok-line);stroke-width:1.3px;stroke-linejoin:round}.blok-prop-mark{fill:var(--blok-line);opacity:.45}.blok-screen-glow{fill:#9ccfff;opacity:.15;animation:2.2s infinite blok-glow}.blok-prop-paper{fill:#fffdfa;stroke:var(--blok-line);stroke-width:1.1px;stroke-linejoin:round}.blok-prop-line,.blok-prop-add,.blok-prop-del{stroke-width:.9px;stroke-linecap:round}.blok-prop-line{stroke:#b9b1a6}.blok-prop-add{stroke:#3aa365}.blok-prop-del{stroke:#e5484d}.blok-glass{fill:#ffffff38;stroke:var(--blok-line);stroke-width:1.1px}.blok-specs-frame,.blok-wave{fill:none;stroke:var(--blok-line);stroke-width:1px;stroke-linecap:round}.blok-cap{fill:#5f8fe0;stroke:var(--blok-line);stroke-width:1.3px;stroke-linejoin:round}.blok-cap-band{fill:#fffdfa;stroke:var(--blok-line);stroke-width:1.2px}.blok-error-badge{fill:#e5484d;stroke:var(--blok-line);stroke-width:1.1px}.blok-error-bang{stroke:#fff;stroke-width:1.2px;stroke-linecap:round}.blok-error{transform-box:fill-box;transform-origin:50%;animation:1.6s infinite blok-pulse}.blok-mug-cup{fill:var(--blok-accent,#f15a3a);stroke:var(--blok-line);stroke-width:1.2px;stroke-linejoin:round}.blok-mug-handle,.blok-cable{fill:none;stroke:var(--blok-line);stroke-width:1.2px;stroke-linecap:round}.blok-mug-handle{stroke-width:1px}.blok-steam{fill:none;stroke:var(--blok-z,#7a736a);stroke-width:.9px;stroke-linecap:round;opacity:.6;animation:2.2s ease-in-out infinite blok-steam}.blok-steam+.blok-steam{animation-delay:.7s}.blok-plug{fill:#bdb5aa;stroke:var(--blok-line);stroke-width:1.1px;stroke-linejoin:round}.blok-confetti rect{transform-box:fill-box;transform-origin:50%;animation:1.9s infinite blok-confetti}.blok-confetti rect:nth-child(2n){animation-delay:.25s}.blok-confetti rect:nth-child(3n){animation-delay:.55s}.blok-dust circle{fill:var(--blok-floor,#1513111f);animation:.56s infinite blok-dust}.blok-dust circle+circle{animation-delay:.28s}.blok-wave{animation:1.1s infinite blok-waves}.blok-wave+.blok-wave{animation-delay:.18s}.blok-bubble{fill:var(--blok-paper,#fffdfa);stroke:var(--blok-line);stroke-width:1.2px}.blok-dots circle{fill:var(--blok-ink,#151311);animation:1.2s infinite blok-dot}.blok-dots circle:nth-of-type(2){animation-delay:.2s}.blok-dots circle:nth-of-type(3){animation-delay:.4s}.blok-thought circle{fill:var(--blok-paper,#fffdfa);stroke:var(--blok-line);stroke-width:1.1px;transform-box:fill-box;transform-origin:50%;animation:2.4s infinite blok-think}.blok-thought circle:nth-child(2){animation-delay:.3s}.blok-thought circle:nth-child(3){animation-delay:.6s}.blok-ask{animation:1.8s ease-in-out infinite blok-float}.blok-ask-mark{fill:none;stroke:var(--blok-ink,#151311);stroke-width:1.2px;stroke-linecap:round}.blok-sweat{fill:#9fd0f4;stroke:var(--blok-line);stroke-width:1.1px;stroke-linejoin:round;animation:2.4s infinite blok-sweat}.blok-sparks path{fill:#f2b33d;stroke:var(--blok-line);stroke-width:.9px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;animation:1.9s infinite blok-twinkle}.blok-sparks path:nth-child(2){animation-delay:.35s}.blok-sparks path:nth-child(3){animation-delay:.7s}.blok-z{width:18px;height:22px;color:var(--blok-z,#7a736a);font:600 12px/1 var(--font-geist-mono), ui-monospace, monospace;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;top:-14%;right:-10%}.blok.is-asleep .blok-z{opacity:1}.blok-z i{opacity:0;font-style:normal;animation:3s ease-out infinite blok-z;position:absolute;bottom:0;left:0}.blok-z i:nth-child(2){font-size:9px;animation-delay:1.5s}.blok.can-hop:hover .blok-body{animation:blok-hop .55s var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.blok.can-hop:hover .blok-floor{animation:blok-floor-hop .55s var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.blok.can-hop:hover .blok-eye{animation:none;transform:scale(1.15)}.blok.can-hop:hover .blok-ear-l{animation:blok-ear-l .6s var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.blok.can-hop:hover .blok-ear-r{animation:blok-ear-r .6s var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.blok.is-accent .blok-body{animation:blok-pop .6s var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.blok.is-boop .blok-body{animation:blok-boop .5s var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))!important}.blok.is-boop:not(.mood-asleep,.mood-offline) .blok-open{opacity:0}.blok.is-boop:not(.mood-asleep,.mood-offline) .blok-happy,.blok.is-boop .blok-cheeks{opacity:1}.blok.is-twitch-l .blok-ear-l,.blok.is-twitch-r .blok-ear-r{animation:.5s ease-out blok-twitch}.blok.is-double-blink .blok-eye{animation:.5s blok-double-blink}.mood-walking{--gaze-x:.75;--gaze-y:.05}.mood-walking .blok-leg-l{animation:.56s infinite blok-step}.mood-walking .blok-leg-r{animation:.56s -.28s infinite blok-step}.mood-walking .blok-body{animation:.28s ease-in-out infinite alternate blok-bob}.mood-working{--gaze-x:0;--gaze-y:.75}.mood-working .blok-lids{opacity:1}.mood-working .blok-body{animation:.9s ease-in-out infinite blok-type}.mood-reading{--gaze-y:.35}.mood-reading .blok-face{animation:2.6s ease-in-out infinite blok-read}.mood-reading .blok-ear-r{animation:2.6s 1.3s infinite blok-flick}.mood-thinking{--gaze-x:.65;--gaze-y:-.9}.mood-thinking .blok-turn{rotate:4deg}.mood-thinking .blok-brow-up{opacity:1}.mood-thinking .blok-ear-l{animation:3s infinite blok-flick}.mood-asking{--gaze-x:0;--gaze-y:-.35}.mood-asking .blok-ear-l{transform:translateY(-1.5px)rotate(-9deg)}.mood-asking .blok-ear-r{transform:translateY(-1.5px)rotate(9deg)}.mood-asking .blok-mouth-o,.mood-asking .blok-brow-up{opacity:1}.mood-asking .blok-eye{transform:scale(1.1)}.mood-happy .blok-open{opacity:0}.mood-happy .blok-happy,.mood-happy .blok-mouth-smile,.mood-happy .blok-cheeks{opacity:1}.mood-happy .blok-body{animation:blok-cheer 1.9s infinite var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.mood-happy .blok-floor{animation:blok-floor-cheer 1.9s infinite var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.mood-happy .blok-ear-l{animation:blok-ear-l 1.9s infinite var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.mood-happy .blok-ear-r{animation:blok-ear-r 1.9s infinite var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.mood-worried{--gaze-x:-.25;--gaze-y:.2}.mood-worried .blok-brows-worried,.mood-worried .blok-mouth-wobble{opacity:1}.mood-worried .blok-body{animation:2.4s infinite blok-shiver}.mood-worried .blok-eye{transform:scale(.92,1.04)}.mood-asleep{--gaze-x:0;--gaze-y:.4}.mood-asleep .blok-open{opacity:0}.mood-asleep .blok-shut{opacity:1}.mood-asleep .blok-body{animation:3.8s ease-in-out infinite blok-breathe}.mood-waking .blok-shut{animation:4.2s infinite blok-wake-shut}.mood-waking .blok-open{animation:4.2s infinite blok-wake-open}.mood-waking .blok-eye-r{animation:4.2s infinite blok-wake-right}.mood-waking .blok-eye-l{animation:none}.mood-waking .blok-body{animation:blok-stretch 4.2s infinite var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.mood-waking .blok-mouth-o{animation:4.2s infinite blok-wake-yawn}.mood-hello{--gaze-x:-.2;--gaze-y:-.2}.mood-hello .blok-ear-r{animation:1.1s ease-in-out infinite blok-wave-ear}.mood-hello .blok-mouth-smile,.mood-hello .blok-cheeks{opacity:1}.mood-offline{--gaze-x:0;--gaze-y:.3}.mood-offline .blok-open{opacity:0}.mood-offline .blok-flat{opacity:1}.mood-offline .blok-body{opacity:.55;filter:grayscale()}.mood-offline :is(.blok-part,.blok-shell){stroke-dasharray:3.5 3}.mood-offline .blok-floor{opacity:.4}@keyframes blok-blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes blok-double-blink{0%,to{transform:scaleY(1)}18%,62%{transform:scaleY(.1)}38%{transform:scaleY(1)}}@keyframes blok-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,.95)}}@keyframes blok-z{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(9px,-16px)}}@keyframes blok-hop{0%{transform:none}14%{transform:scale(1.07,.9)}38%{transform:translateY(-7.5px)scale(.94,1.08)}66%{transform:translateY(0)scale(1.07,.9)}84%{transform:translateY(-1px)scale(.99,1.02)}to{transform:none}}@keyframes blok-floor-hop{38%{opacity:.6;transform:scale(.72)}66%{transform:scale(1.08)}}@keyframes blok-ear-l{0%,14%{transform:none}38%{transform:rotate(-13deg)}66%{transform:rotate(9deg)}84%{transform:rotate(-3deg)}to{transform:none}}@keyframes blok-ear-r{0%,14%{transform:none}38%{transform:rotate(13deg)}66%{transform:rotate(-9deg)}84%{transform:rotate(3deg)}to{transform:none}}@keyframes blok-pop{0%{transform:scale(.86,1.1)}55%{transform:scale(1.08,.92)}to{transform:none}}@keyframes blok-boop{0%{transform:scale(1.12,.84)}45%{transform:scale(.94,1.08)}to{transform:none}}@keyframes blok-twitch{0%,to{transform:none}25%{transform:rotate(-11deg)translateY(-.5px)}55%{transform:rotate(5deg)}}@keyframes blok-step{0%,50%,to{transform:none}25%{transform:translateY(-3px)rotate(-6deg)}}@keyframes blok-bob{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}@keyframes blok-type{0%,to{transform:none}50%{transform:translateY(-.75px)scale(1.01,.985)}}@keyframes blok-dot{0%,60%,to{opacity:.25}30%{opacity:1}}@keyframes blok-glow{0%,to{opacity:.12}40%{opacity:.17}55%{opacity:.1}}@keyframes blok-read{0%,to{transform:translate(-2.3px,.7px)}45%{transform:translate(2.3px,.7px)}50%{transform:translate(2.3px,1.5px)}55%,95%{transform:translate(-2.3px,1.5px)}}@keyframes blok-flick{0%,86%,to{transform:none}90%{transform:rotate(14deg)}94%{transform:rotate(-4deg)}}@keyframes blok-think{0%,10%{opacity:0;transform:scale(0)}25%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes blok-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes blok-cheer{0%,to{transform:none}14%{transform:scale(1.08,.9)}30%{transform:translateY(-8px)scale(.95,1.07)}48%{transform:translateY(0)scale(1.06,.92)}60%{transform:none}}@keyframes blok-floor-cheer{0%,14%,48%,to{transform:none}30%{opacity:.55;transform:scale(.7)}}@keyframes blok-twinkle{0%,to{transform:scale(0)rotate(0)}20%{transform:scale(1.1)rotate(20deg)}45%{transform:scale(1)rotate(45deg)}70%{transform:scale(0)rotate(90deg)}}@keyframes blok-confetti{0%{opacity:0;transform:translateY(-5px)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(13px)rotate(260deg)}}@keyframes blok-shiver{0%,40%,to{transform:none}43%,51%{transform:translate(-.65px)}47%,55%{transform:translate(.65px)}}@keyframes blok-sweat{0%{opacity:0;transform:translateY(-2px)}15%{opacity:1}75%{opacity:1;transform:translateY(4px)}to{opacity:0;transform:translateY(6px)}}@keyframes blok-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes blok-steam{0%{opacity:0;transform:translateY(1.5px)}40%{opacity:.7}to{opacity:0;transform:translateY(-3.5px)}}@keyframes blok-waves{0%,to{opacity:0}30%,60%{opacity:1}}@keyframes blok-dust{0%{opacity:.9;transform:translate(0)scale(.4)}to{opacity:0;transform:translate(-4.5px,-2px)scale(1.4)}}@keyframes blok-wake-shut{0%,38%{opacity:1}42%,to{opacity:0}}@keyframes blok-wake-open{0%,38%{opacity:0}42%,to{opacity:1}}@keyframes blok-wake-right{0%,52%{transform:scaleY(.1)}58%,to{transform:scaleY(1)}}@keyframes blok-stretch{0%,62%,to{transform:none}70%{transform:scale(.93,1.09)}80%{transform:scale(1.05,.95)}88%{transform:none}}@keyframes blok-wake-yawn{0%,62%{opacity:0}68%,78%{opacity:1}84%,to{opacity:0}}@keyframes blok-wave-ear{0%,to{transform:rotate(0)}25%{transform:rotate(22deg)}50%{transform:rotate(-4deg)}75%{transform:rotate(18deg)}}@media (prefers-reduced-motion:reduce){.blok,.blok *{transition:none!important;animation:none!important}}
