.latte-walk-stage{position:fixed;inset:auto 0 0;height:150px;overflow:hidden;z-index:20;pointer-events:none;contain:layout paint}
.latte-walk-stage[hidden]{display:none}
.latte-walker{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:-150px;width:138px;height:130px;will-change:transform}
.latte-walker>svg{display:block;width:100%;height:100%;overflow:visible}
.latte-leg{transform-box:fill-box;transform-origin:center top}
.latte-cup-tilt{transform-origin:84px 113px}
.latte-balance{transform-origin:84px 145px}
.latte-rim-spill,.latte-droplet{opacity:0}
.latte-ground-spill{position:absolute;bottom:max(5px,env(safe-area-inset-bottom));left:calc(50% + 11px);opacity:0;transform-origin:center bottom}
.is-walking .latte-walker{animation:latte-cross-page var(--latte-walk-duration,12s) linear both}
.is-walking .latte-body-bob{animation:latte-toddle .6s ease-in-out infinite}
.is-walking .latte-leg-front{animation:latte-footsteps .6s ease-in-out infinite}
.is-walking .latte-leg-back{animation:latte-footsteps .6s -.3s ease-in-out infinite}
.is-walking .latte-balance{animation:latte-stumble var(--latte-walk-duration,12s) ease-in-out both}
.is-walking .latte-cup-tilt{animation:latte-wobble var(--latte-walk-duration,12s) ease-in-out both}
.is-walking .latte-rim-spill{animation:latte-rim-drip var(--latte-walk-duration,12s) linear both}
.is-walking .latte-droplet{animation:latte-little-spill var(--latte-walk-duration,12s) linear both}
.is-walking .latte-droplet-two{animation-delay:.09s}
.is-walking .latte-droplet-three{animation-delay:.16s}
.is-walking .latte-ground-spill{animation:latte-puddle var(--latte-walk-duration,12s) linear both}
@keyframes latte-cross-page{0%{transform:translateX(135px)}38%{transform:translateX(calc(44vw + 86px))}44%{transform:translateX(calc(48vw + 86px))}48%{transform:translateX(calc(47.5vw + 86px))}56%{transform:translateX(calc(49.5vw + 86px))}64%{transform:translateX(calc(53vw + 86px))}100%{transform:translateX(calc(100vw + 160px))}}
@keyframes latte-toddle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes latte-footsteps{0%,100%{transform:rotate(-19deg)}50%{transform:rotate(20deg)}}
@keyframes latte-stumble{0%,38%,66%,100%{transform:translateY(0) rotate(0)}43%{transform:translateY(-2px) rotate(9deg)}47%{transform:translateY(3px) rotate(22deg)}51%{transform:translateY(-1px) rotate(-12deg)}56%{transform:translateY(1px) rotate(7deg)}61%{transform:translateY(0) rotate(-3deg)}}
@keyframes latte-wobble{0%,40%,65%,100%{transform:rotate(0)}47%{transform:rotate(10deg)}52%{transform:rotate(-6deg)}57%{transform:rotate(4deg)}61%{transform:rotate(-2deg)}}
@keyframes latte-rim-drip{0%,43%,58%,100%{opacity:0}46%,53%{opacity:1}}
@keyframes latte-little-spill{0%,46%{opacity:0;transform:translate(0,0)}48%{opacity:1;transform:translate(4px,-4px)}55%{opacity:1;transform:translate(16px,42px)}59%,100%{opacity:0;transform:translate(22px,70px)}}
@keyframes latte-puddle{0%,54%{opacity:0;transform:scaleX(.35)}59%,77%{opacity:1;transform:scaleX(1)}96%,100%{opacity:0;transform:scaleX(1.12)}}
.latte-replay-wrap{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 22px;text-align:center;padding:0 20px 18px}
.latte-replay{display:inline-flex;align-items:center;gap:9px;padding:6px 3px;border:0;background:transparent;color:var(--muted);font-size:10px;letter-spacing:.02em}
.latte-replay[hidden]{display:none}
.latte-replay:hover{color:var(--clay)}
.latte-rainbow-dot{width:13px;height:7px;border-radius:13px 13px 0 0;background:conic-gradient(from 270deg at 50% 100%,#e8949e 0deg 36deg,#edb778 36deg 72deg,#ead99a 72deg 108deg,#97bea2 108deg 144deg,#9ab8d5 144deg 180deg,transparent 180deg);position:relative}
.latte-rainbow-dot:after{content:'';position:absolute;bottom:0;left:4px;width:5px;height:3px;border-radius:6px 6px 0 0;background:var(--sand)}
.latte-still .latte-walker{left:calc(50% - 69px)}
@media(max-width:720px){.latte-walk-stage{height:126px}.latte-walker{width:112px;height:106px;left:-130px}.latte-ground-spill{left:calc(50% + 18px);width:64px}.latte-ground-spill svg{width:64px}.latte-still .latte-walker{left:calc(50% - 56px)}}
@media(prefers-reduced-motion:reduce){.latte-walk-stage *{animation:none!important}.latte-walker{will-change:auto}}