.leaf-figure{--leaf-body:#91b67d;--leaf-shade:#739d67;--leaf-vein:#628953;--leaf-line:#45614b;--leaf-ink:#263b2d;--leaf-cheek:#d9a18a}[data-theme=dark] .leaf-figure{--leaf-body:#a4c58e;--leaf-shade:#7fa66f;--leaf-vein:#6e9a5e;--leaf-line:#405c43;--leaf-ink:#24382a}.leaf-pet{--leaf-vein:#628953;--leaf-cheek:#d9a18a}[data-theme=dark] .leaf-pet{--leaf-vein:#6e9a5e}.leaf-body{fill:var(--leaf-body)}.leaf-shade{fill:var(--leaf-shade)}.leaf-outline{fill:none;stroke:var(--leaf-line);stroke-width:1.25;stroke-linejoin:round}.leaf-feet{fill:var(--leaf-line)}.leaf-highlight{fill:none;stroke:#fff8;stroke-width:2.4;stroke-linecap:round}.leaf-vein{fill:none;stroke:var(--leaf-vein);stroke-width:1.1;stroke-linecap:round}.leaf-cheeks{fill:var(--leaf-cheek);opacity:.3}.leaf-ground{fill:#23392c;opacity:.12}.leaf-rig{transform-origin:24px 45px}.leaf-eyes{fill:var(--leaf-ink);transform-origin:24px 28.5px}.leaf-glint{fill:#fffefa}.leaf-mouth{fill:none;stroke:var(--leaf-ink);stroke-width:1.3;stroke-linecap:round}.leaf-mouth-filled{fill:var(--leaf-ink)}.leaf-face{opacity:0;transition:opacity .16s linear}[data-theme=dark] .leaf-ground{fill:#000;opacity:.22}.leaf-leg{fill:none;stroke:var(--leaf-line);stroke-width:1.4;stroke-linecap:round}.leaf-foot-left{transform-origin:18.5px 43px}.leaf-foot-right{transform-origin:29.5px 43px}.miso-mark{display:block;width:100%;height:100%}.miso-mark svg{display:block;width:100%;height:100%;overflow:visible}.miso-mark .leaf-ground{display:none}.leaf-figure[data-mood=neutral] .face-neutral,.leaf-figure[data-mood=serene] .face-serene,.leaf-figure[data-mood=content] .face-content,.leaf-figure[data-mood=bright] .face-bright{opacity:1}.leaf-lid{fill:none;stroke:var(--leaf-ink);stroke-width:.75;stroke-linecap:round}.leaf-blush{fill:var(--leaf-cheek)}.miso-can{fill:#8fb3c9;stroke:var(--leaf-line);stroke-width:1;stroke-linejoin:round}.miso-can-handle{fill:none;stroke:var(--leaf-line);stroke-width:1;stroke-linecap:round}.miso-can-shine{fill:#fff;opacity:.4}.miso-drop{fill:#7fb8de}.miso-actor{display:inline-block;flex-shrink:0;line-height:0;vertical-align:middle}.miso-actor svg{display:block;width:100%;height:100%;overflow:visible}.miso-actor-button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0;border-radius:16px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(prefers-reduced-motion:reduce){.miso-actor .leaf-face{transition-duration:.1s}}.leaf-body,.leaf-shade,.leaf-vein{transition:fill .22s linear,stroke .22s linear}.leaf-figure[data-tint=fresh],.leaf-pet[data-tint=fresh]{--leaf-body:#a9cc8e;--leaf-shade:#86ae73;--leaf-vein:#6e9a5e}[data-theme=dark] .leaf-figure[data-tint=fresh],.leaf-pet[data-tint=fresh]{--leaf-body:#b9d89f;--leaf-shade:#93ba80;--leaf-vein:#7aa66a}.leaf-figure[data-tint=moss],.leaf-pet[data-tint=moss]{--leaf-body:#7fa36e;--leaf-shade:#5f8656;--leaf-vein:#4e7346}[data-theme=dark] .leaf-figure[data-tint=moss],.leaf-pet[data-tint=moss]{--leaf-body:#93b583;--leaf-shade:#6f9666;--leaf-vein:#5d8255}.leaf-figure[data-tint=gold],.leaf-pet[data-tint=gold]{--leaf-body:#c89e52;--leaf-shade:#ab8541;--leaf-vein:#8c6b30}[data-theme=dark] .leaf-figure[data-tint=gold],.leaf-pet[data-tint=gold]{--leaf-body:#bc964b;--leaf-shade:#a07f3e;--leaf-vein:#85692f}.leaf-figure[data-tint=frost],.leaf-pet[data-tint=frost]{--leaf-body:#b4cdb6;--leaf-shade:#92ae97;--leaf-vein:#7a9680}[data-theme=dark] .leaf-figure[data-tint=frost],.leaf-pet[data-tint=frost]{--leaf-body:#afc8b1;--leaf-shade:#8faa94;--leaf-vein:#76927c}.leaf-figure[data-face=serene][data-mood=content] .face-content,.leaf-figure[data-face=bright][data-mood=content] .face-content,.leaf-pet[data-face=serene][data-mood=content] .face-content,.leaf-pet[data-face=bright][data-mood=content] .face-content{opacity:0}.leaf-figure[data-face=serene][data-mood=content] .face-serene,.leaf-figure[data-face=bright][data-mood=content] .face-bright,.leaf-pet[data-face=serene][data-mood=content] .face-serene,.leaf-pet[data-face=bright][data-mood=content] .face-bright{opacity:1}.leaf-figure[data-face-mouth] [data-r=mouth]>.face-content:not(.miso-mouth),.leaf-pet[data-face-mouth] [data-r=mouth]>.face-content:not(.miso-mouth){opacity:0}.miso-stroke{fill:none;stroke:var(--leaf-ink);stroke-linecap:round}.leaf-arm{fill:none;stroke:var(--leaf-line);stroke-width:1.4;stroke-linecap:round}.leaf-hand{fill:var(--leaf-line)}svg[data-hold] [data-r=arms]{opacity:1}.miso-wear{stroke-linejoin:round}.miso-lod{stroke:var(--miso-ink);stroke-width:1.8;stroke-linejoin:round}.miso-gone{animation:miso-gone .14s var(--ease-exit,ease-in) forwards;pointer-events:none}@keyframes miso-gone{to{opacity:0;transform:translateY(-3px)}}.miso-actor-button{position:relative;-webkit-tap-highlight-color:transparent}.miso-hop-touch{display:inline-block;line-height:0;pointer-events:auto;touch-action:manipulation}.miso-line{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(calc(-50% + var(--shift,0px)));z-index:3;min-width:min(9em,calc(100vw - 16px));max-width:min(15em,calc(100vw - 16px));padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:.8125rem;font-weight:500;line-height:1.4;text-align:center;overflow-wrap:break-word;pointer-events:none;animation:miso-line 1.6s ease-out both}.miso-line:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;margin-left:calc(-4px - var(--shift,0px));transform:rotate(45deg);background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}@keyframes miso-line{0%{opacity:0}10%{opacity:1}89%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.miso-actor [data-r=happyL],.miso-actor [data-r=happyR],.miso-actor [data-r=blush],.miso-actor [data-r=eyeL],.miso-actor [data-r=eyeR],.miso-actor [data-r=glintL],.miso-actor [data-r=glintR]{transition:opacity .12s linear!important}.miso-actor[data-bright] [data-r=happyL],.miso-actor[data-bright] [data-r=happyR]{opacity:1}.miso-actor[data-bright] [data-r=blush]{opacity:.8}.miso-actor[data-bright] [data-r=eyeL],.miso-actor[data-bright] [data-r=eyeR],.miso-actor[data-bright] [data-r=glintL],.miso-actor[data-bright] [data-r=glintR]{opacity:0}.miso-line{animation:miso-line-rm 1.6s linear both!important}}@keyframes miso-line-rm{0%,to{opacity:0}8%,88%{opacity:1}}
