html,body{min-height:100%}:root{--duration-exit:.15s;--duration-enter:.21s;--duration-move:.4s}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{translate:var(--slide-offset)}to{translate:0}}@keyframes slide-y{0%{transform:translateY(var(--slide-y-offset,10px))}to{transform:translateY(0)}}::view-transition-old(.fade-out){animation:var(--duration-exit) ease-in fade reverse}::view-transition-new(.fade-in){animation:var(--duration-enter) ease-out var(--duration-exit) both fade}::view-transition-old(.slide-down){animation:var(--duration-exit) ease-out both fade reverse, var(--duration-exit) ease-out both slide-y reverse}::view-transition-new(.slide-up){--slide-y-offset:16px;animation:var(--duration-enter) ease-in var(--duration-exit) both fade, var(--duration-move) ease-out both slide-y}::view-transition-old(.nav-forward){--slide-offset:-60px;animation:var(--duration-exit) ease-in both fade reverse, var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.nav-forward){--slide-offset:60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade, var(--duration-move) ease-in-out both slide}::view-transition-old(.nav-back){--slide-offset:60px;animation:var(--duration-exit) ease-in both fade reverse, var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.nav-back){--slide-offset:-60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade, var(--duration-move) ease-in-out both slide}::view-transition-group(.morph){animation-duration:var(--duration-move);animation-timing-function:cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}@keyframes garita-fall{0%{opacity:0;transform:translateY(-70px)rotate(-40deg)}45%{opacity:1;transform:translateY(6px)rotate(18deg)}62%{transform:translateY(-10px)rotate(-8deg)}78%{transform:translateY(2px)rotate(6deg)}to{transform:translateY(0)rotate(0)}}@keyframes garita-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)scaleY(1.03)}60%{transform:translateY(0)scaleY(.97)}}@keyframes garita-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes garita-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.garita,.garita-bubble{animation:none!important}}.chest-ready{animation:1.4s ease-in-out infinite chest-ready;display:inline-block}@keyframes chest-ready{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-6px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.chest-ready{animation:none}}.coffee-frame{opacity:0;width:100%;height:100%;position:absolute;inset:0}.coffee-frame-1{animation:7s linear infinite coffee-1}.coffee-frame-2{transform-origin:50% 90%;animation:7s linear infinite coffee-2}.coffee-frame-3{animation:7s linear infinite coffee-3}@keyframes coffee-1{0%,54%{opacity:1}56%,97%{opacity:0}to{opacity:1}}@keyframes coffee-2{0%,54%{opacity:0;transform:rotate(0)}56%{opacity:1;transform:rotate(-6deg)}62%{transform:rotate(5deg)}68%{opacity:1;transform:rotate(0)}70%,to{opacity:0}}@keyframes coffee-3{0%,68%{opacity:0}70%,97%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.coffee-frame-1,.coffee-frame-2,.coffee-frame-3{animation:none}.coffee-frame-1{opacity:1}}.garita-anecdote{transform-origin:50% 100%;animation:.8s ease-in-out 2 garita-hop}
