*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#fbf3e6;--ink:#2c2018;--ink-soft:#7a6a58;--coral:#ff6b5e;--sun:#ffc93c;--mint:#38b6a0;--grape:#9b7ede;--sky:#59a6e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:Nunito,system-ui,sans-serif;overflow:hidden}main{isolation:isolate;background-image:radial-gradient(#2c20180d 1.4px,#0000 1.4px);background-size:26px 26px;background-position:calc(var(--px,0) * -10px) calc(var(--py,0) * -10px);place-items:center;min-height:100dvh;padding:2rem;transition:background-position .3s ease-out;display:grid;position:relative;overflow:hidden}.stage{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.6rem;display:flex;position:relative}.pill{letter-spacing:.02em;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:100px;align-items:center;gap:.5rem;padding:.45rem .95rem .45rem .8rem;font-family:Fredoka,sans-serif;font-size:.82rem;font-weight:500;animation:.7s cubic-bezier(.22,1,.36,1) both pop,4s ease-in-out .7s infinite float;display:inline-flex}.pill-dot{background:var(--coral);border-radius:50%;width:9px;height:9px;animation:1.8s ease-in-out infinite beat;box-shadow:0 0 #ff6b5e99}.mark{letter-spacing:-.04em;color:var(--coral);text-shadow:3px 3px 0 var(--ink), 6px 6px 0 #2c201824;font-family:Fredoka,sans-serif;font-size:clamp(4rem,17vw,11rem);font-weight:700;line-height:.9}.mark .ltr{animation:.55s cubic-bezier(.16,1,.3,1) both push-out;animation-delay:calc(var(--i) * 60ms + .12s);display:inline-block}@keyframes push-out{0%{opacity:0;transform:translate(-.5em)scale(.45)}to{opacity:1;transform:translate(0)scale(1)}}.mark .ltr-in{transition:transform .3s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 30ms);display:inline-block}.mark:hover .ltr:nth-child(odd) .ltr-in{transform:translateY(-.16em)rotate(-6deg)}.mark:hover .ltr:nth-child(2n) .ltr-in{transform:translateY(-.16em)rotate(6deg)}.tagline{letter-spacing:-.02em;color:var(--ink);font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,5vw,2.6rem);font-weight:600;line-height:1.05;animation:.8s cubic-bezier(.22,1,.36,1) .18s both pop}.tagline em{color:#157e69;font-style:normal;position:relative}.tagline em:after{content:"";background:var(--sun);transform-origin:0;z-index:-1;border-radius:100px;height:.16em;animation:3.5s ease-in-out infinite wiggle;position:absolute;bottom:-.12em;left:-4%;right:-4%;transform:rotate(-1.5deg)}.note{color:var(--ink-soft);font-size:clamp(.95rem,2.4vw,1.1rem);font-weight:700;line-height:1.7;animation:.8s cubic-bezier(.22,1,.36,1) .28s both pop}.charms{z-index:1;pointer-events:none;position:absolute;inset:0}.charm{width:clamp(28px,4vw,48px);animation:charm-in .7s cubic-bezier(.34, 1.5, .5, 1) both, bob var(--dur,6s) ease-in-out infinite .7s;position:absolute}.charm svg{filter:drop-shadow(2px 3px #2c20182e);width:100%;height:100%;transform:translate3d(calc(var(--px,0) * var(--depth,20) * 1px), calc(var(--py,0) * var(--depth,20) * 1px), 0);transition:transform .35s ease-out;display:block}.charm-star svg{animation:3s ease-in-out infinite twinkle}.charm-star{rotate:-8deg}.charm-heart{rotate:10deg}.charm-gem{rotate:-6deg}.charm-ring{rotate:14deg}.charm-blob{rotate:8deg}footer{text-align:center;z-index:2;letter-spacing:.04em;color:var(--ink-soft);font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:500;position:absolute;bottom:1.5rem;left:0;right:0}@keyframes pop{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes charm-in{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:scale(var(--scale,1))}}@keyframes bob{0%,to{translate:0}50%{translate:0 -14px}}@keyframes beat{0%{box-shadow:0 0 #ff6b5e80}70%{box-shadow:0 0 0 8px #ff6b5e00}to{box-shadow:0 0 #ff6b5e00}}@keyframes float{0%,to{translate:0}50%{translate:0 -5px}}@keyframes twinkle{0%,to{opacity:1;scale:1}50%{opacity:.55;scale:.82}}@keyframes wiggle{0%,to{transform:rotate(-1.5deg)scaleX(1)}50%{transform:rotate(-3.5deg)scaleX(1.03)}}@media (prefers-reduced-motion:reduce){.pill,.mark,.tagline,.note,.mark .ltr{opacity:1;animation:none;transform:none}.charm{opacity:1;transform:scale(var(--scale,1));animation:none}.charm svg{transition:none;animation:none;transform:none}.mark .ltr-in{transition:none;transform:none}.tagline em:after,.pill-dot{animation:none}}