html{color:#2a2422;background:#fbf5f2;height:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}body{height:100%;margin:0;overflow:hidden}.canvas{opacity:0;touch-action:none;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.25,1,.5,1);display:block;position:fixed;inset:0}.is-ready .canvas{opacity:1}.hand{opacity:0;pointer-events:none;transform-origin:47% 6%;will-change:transform;z-index:10;width:72px;height:72px;transition:opacity .3s;position:fixed;top:0;left:0}.hand svg{filter:drop-shadow(0 6px 8px #50322d2e);transform-origin:47% 6%;width:100%;height:100%;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:block;overflow:visible}.hand.is-pressed svg{transform:scale(.88)}.hand__finger{animation:1.8s ease-in-out infinite alternate hand-idle;animation-delay:calc(var(--index) * -.3s);transform-box:fill-box;transform-origin:50% 100%}.hand__finger--thumb{transform-origin:100% 100%}.is-tickling .hand__finger{animation:.14s ease-in-out infinite alternate hand-tickle;animation-delay:calc(var(--index) * -.045s)}.is-orbiting .hand__finger{transition:transform .16s cubic-bezier(.34,1.56,.64,1);animation:none;transform:rotate(10deg)scaleY(.5)}.is-orbiting .hand__finger--thumb{transform:rotate(-28deg)scaleY(.75)}.is-orbiting .hand svg{transform:scale(.94)}.hand__outline,.hand__fill{fill:none;stroke-linecap:round}.hand__outline{stroke:#3a2b28;stroke-width:9.5px}.hand__fill{stroke:#fff;stroke-width:6.5px}.hand__palm{fill:#fff;stroke:#3a2b28;stroke-linejoin:round;stroke-width:1.6px}.hand__crease{fill:none;stroke:#d9cbc7;stroke-linecap:round;stroke-width:1.4px}.hand__cuff{fill:#f0a29c;stroke:#3a2b28;stroke-linejoin:round;stroke-width:1.6px}@keyframes hand-idle{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes hand-tickle{0%{transform:rotate(-16deg)scaleY(.84)}to{transform:rotate(12deg)scaleY(1)}}.chrome{letter-spacing:-.2px;opacity:0;pointer-events:none;z-index:3;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:14px;line-height:1.57;transition:opacity .6s .3s;position:fixed;inset:0}.is-ready .chrome{opacity:1}.chrome a{pointer-events:auto}.chrome__logo{height:22px;left:max(24px, env(safe-area-inset-left));top:max(24px, env(safe-area-inset-top));display:block;position:absolute}.chrome__wordmark{filter:brightness(0);object-fit:contain;opacity:.86;width:114px;height:22px;display:block}.chrome__link{color:#2a2422;background-image:linear-gradient(currentColor,currentColor);background-position:100% 100%;background-repeat:no-repeat;background-size:0% 1px;outline:none;text-decoration:none;transition:background-size .6s cubic-bezier(.19,1,.22,1)}.chrome__link:hover,.chrome__link:focus-visible{background-position:0 100%;background-size:100% 1px}.chrome__email{right:max(24px, env(safe-area-inset-right));top:max(24px, env(safe-area-inset-top));position:absolute}@media (width<=768px){.chrome{font-size:13px}.chrome__logo{left:max(16px, env(safe-area-inset-left));top:max(16px, env(safe-area-inset-top))}.chrome__email{right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top))}}.palette{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);bottom:max(20px, env(safe-area-inset-bottom));box-sizing:border-box;opacity:0;z-index:3;background:#ffffff9e;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;width:fit-content;max-width:calc(100% - 32px);margin-inline:auto;padding:8px;transition:opacity .6s .4s,translate .6s cubic-bezier(.25,1,.5,1) .4s;display:flex;position:fixed;left:0;right:0;translate:0 12px;box-shadow:0 8px 24px #50322d1a,inset 0 0 0 1px #ffffffb3}.is-ready .palette{opacity:1;translate:0}.palette__swatch{appearance:none;background:var(--color);cursor:pointer;border:0;border-radius:50%;outline:none;width:28px;height:28px;margin:0;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:inset 0 -3px 6px #0000001f,inset 0 2px 3px #ffffff73}.palette__swatch:after{content:"";opacity:0;border-radius:50%;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;transform:scale(.8);box-shadow:0 0 0 2px #fff,0 0 0 4px #3a2b28}.palette__swatch:hover{transform:scale(1.1)}.palette__swatch.is-active:after,.palette__swatch:focus-visible:after{opacity:1;transform:scale(1)}.palette__swatch--custom{background:conic-gradient(#f2a38f,#f0d89a,#b9dcc6,#b7cfee,#cfc0ea,#f2a38f);overflow:hidden}.palette__swatch--custom.is-active{background:var(--color)}.palette__swatch--custom:has(:focus-visible):after{opacity:1;transform:scale(1)}.palette__input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}@media (pointer:fine){.is-ready,.is-ready *{cursor:none}.is-ready .hand.is-visible{opacity:1}}.fallback{justify-content:center;align-items:center;margin:0;font-size:16px;display:none;position:fixed;inset:0}.is-unsupported .fallback{display:flex}.is-unsupported .hand,.is-unsupported .palette{display:none}@media (prefers-reduced-motion:reduce){.canvas{transition-duration:.4s}.hand__finger{animation:none}.is-tickling .hand__finger{animation-duration:.45s}}
