*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}#root{min-height:100dvh}.pig-tap{box-sizing:border-box;width:100%;min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 20% 15%,#ffb6d58c,#0000 42%),radial-gradient(circle at 85% 75%,#ff8fba73,#0000 40%),linear-gradient(160deg,#fff0f6 0%,#ffd6e8 38%,#ffb8d9 72%,#ff9ec9 100%);border:none;justify-content:center;align-items:center;margin:0;transition:transform .12s;display:flex;position:relative;overflow:hidden}.pig-tap--pressed{transform:scale(.96)}.pig-tap:focus-visible{outline-offset:4px;outline:3px solid #c2185b}.pig-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.pig-nose{z-index:1;filter:drop-shadow(0 16px 32px #c2185b4d);font-size:clamp(9rem,58vw,18rem);line-height:1;position:relative}.font-pacifico{font-family:Pacifico,cursive}.font-dancing{font-family:Dancing Script,cursive;font-weight:700}.font-great-vibes{font-family:Great Vibes,cursive}.bg-phrase{z-index:1;color:#b0125ac7;text-shadow:0 1px #ffffffe6,0 4px 16px #ffffff80;white-space:nowrap;padding:.15em .05em;line-height:1.35;position:absolute}.font-pacifico.bg-phrase{font-size:clamp(1.75rem,7vw,2.85rem)}.font-dancing.bg-phrase{font-size:clamp(2.2rem,9vw,3.6rem)}.font-great-vibes.bg-phrase{padding-top:.25em;font-size:clamp(2.75rem,11vw,4.75rem);line-height:1.5}.phrase-wavy{transform:rotate(var(--phrase-rotate,0deg)) scale(var(--phrase-scale,1))}.phrase-wavy .wavy-char{transform-origin:bottom;animation:2.4s ease-in-out infinite letter-wave;display:inline-block}.phrase-float{animation:5s ease-in-out infinite phrase-float}.phrase-sway{animation:4.5s ease-in-out infinite phrase-sway}.phrase-pulse{animation:3.2s ease-in-out infinite phrase-pulse}.pig-heart{color:#ff6b9d;opacity:.55;text-shadow:0 0 14px #ff699d73;line-height:1;position:absolute}.heart-bob{animation:3.5s ease-in-out infinite heart-bob}.heart-spin{animation:6s linear infinite heart-spin}.heart-pulse{animation:2.8s ease-in-out infinite heart-pulse}@keyframes letter-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-.45em)}}@keyframes phrase-float{0%,to{transform:translateY(0) rotate(var(--phrase-rotate,0deg)) scale(var(--phrase-scale,1))}50%{transform:translateY(-10px) rotate(calc(var(--phrase-rotate,0deg) + 4deg)) scale(var(--phrase-scale,1))}}@keyframes phrase-sway{0%,to{transform:rotate(var(--phrase-rotate,0deg)) translateX(0) scale(var(--phrase-scale,1))}25%{transform:rotate(calc(var(--phrase-rotate,0deg) - 6deg)) translateX(6px) scale(var(--phrase-scale,1))}75%{transform:rotate(calc(var(--phrase-rotate,0deg) + 6deg)) translateX(-6px) scale(var(--phrase-scale,1))}}@keyframes phrase-pulse{0%,to{transform:rotate(var(--phrase-rotate,0deg)) scale(var(--phrase-scale,1));opacity:.72}50%{transform:rotate(var(--phrase-rotate,0deg)) scale(calc(var(--phrase-scale,1) * 1.08));opacity:.9}}@keyframes heart-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.12)}}@keyframes heart-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes heart-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.bg-phrase{--phrase-rotate:0deg}.phrase-float,.phrase-sway,.phrase-pulse{transform:rotate(var(--phrase-rotate,0deg)) scale(var(--phrase-scale,1))}@media (prefers-reduced-motion:reduce){.phrase-wavy .wavy-char,.phrase-float,.phrase-sway,.phrase-pulse,.pig-heart{animation:none}}