:root{--gh-sun:#ffb648;--gh-sky:#7ec8e3;--gh-deep:#0b2447;--gh-grass:#58a05c;--gh-splash:#25d366;--gh-card:#fff;--z-back:-40px;--z-mid:0px;--z-front:24px;--z-pop:48px;--persp:1000px;--parallax-offset:0;--ease-water:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur-med:.45s;--dur-slow:.9s}.persp{perspective:var(--persp);perspective-origin:50% 40%}.preserve-3d{transform-style:preserve-3d}@keyframes gh-float{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-14px)rotate(1.5deg)}}@keyframes gh-drift{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes gh-pop{0%{transform:translateZ(var(--z-back)) scale(.94);opacity:0}to{transform:translateZ(var(--z-mid)) scale(1);opacity:1}}@keyframes gh-surface{0%{opacity:0;filter:blur(4px);transform:translateY(60%)scaleY(.7)}to{opacity:1;filter:blur();transform:translateY(0)scaleY(1)}}@keyframes gh-ripple{0%{box-shadow:0 0 #7ec8e3a6}to{box-shadow:0 0 0 26px #7ec8e300}}@keyframes gh-spin-y{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.gh-float{animation:gh-float 5s var(--ease-water) infinite}.gh-drift{animation:gh-drift 9s var(--ease-water) infinite}.gh-pop-in{animation:gh-pop var(--dur-med) var(--ease-bounce) both}.gh-surface-in{animation:gh-surface var(--dur-slow) var(--ease-water) both}.gh-ripple-once{animation:gh-ripple .7s var(--ease-water) 1}.z-back{transform:translateZ(var(--z-back))}.z-front{transform:translateZ(var(--z-front))}@media(prefers-reduced-motion:reduce){.gh-float,.gh-drift,.gh-pop-in,.gh-surface-in,.gh-ripple-once{animation:none!important}.persp *{transition-duration:1ms!important}}