:root{--pink:#ff5c8a;--pink-soft:#ffd7e6;--plum:#7a4a6b;--cream:#fff6fb;--mint:#8fe3c0;--lav:#c9b8ff;--font:"Fredoka", system-ui, -apple-system, sans-serif;--spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{min-height:100svh;font-family:var(--font);color:var(--plum);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:linear-gradient(170deg,#ffe3f2 0%,#f1e6ff 48%,#e2f4ff 100%);overflow:hidden}.stage{width:100%;height:100svh;position:fixed;inset:0}.scene{touch-action:manipulation;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.ui{pointer-events:none;position:absolute;inset:0}.brand{top:calc(3.4% + env(safe-area-inset-top));font-size:clamp(.72rem,.62rem.5vw,.9rem);letter-spacing:.04em;color:var(--plum);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border-radius:999px;align-items:center;gap:.5em;padding:.42em .95em;font-weight:600;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #d278aa38}.brand__dot{background:#4ad991;border-radius:50%;width:.55em;height:.55em;animation:1.8s ease-out infinite live;box-shadow:0 0 #4ad99199}@keyframes live{0%{box-shadow:0 0 #4ad9918c}70%,to{box-shadow:0 0 0 7px #4ad99100}}.kiss{left:50%;bottom:calc(6.5% + env(safe-area-inset-bottom));font-family:var(--font);font-size:clamp(1rem,.85rem.8vw,1.3rem);color:#fff;cursor:pointer;pointer-events:auto;transition:transform .12s var(--ease), box-shadow .12s var(--ease);-webkit-tap-highlight-color:transparent;background:linear-gradient(#ff7ba6,#ff4f83);border:none;border-radius:999px;align-items:center;gap:.6em;padding:.9em 1.6em .95em;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 10px #e23a6e,0 18px 30px #ff4f8366}.kiss:hover{transform:translate(-50%)translateY(-2px)}.kiss:active{transform:translate(-50%)translateY(6px);box-shadow:0 4px #e23a6e,0 8px 16px #ff4f8366}.kiss:focus-visible{outline-offset:3px;outline:3px solid #fff}.kiss__heart{place-items:center;animation:1.3s ease-in-out infinite beat;display:inline-grid}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.22)}30%{transform:scale(.96)}45%{transform:scale(1.1)}}.kiss.is-hidden{opacity:0;pointer-events:none;transition:opacity .4s var(--ease), transform .4s var(--ease);transform:translate(-50%)translateY(24px)}.hint{left:50%;bottom:calc(6.5% + env(safe-area-inset-bottom));font-size:clamp(.8rem,.7rem.5vw,1rem);color:var(--pink);white-space:nowrap;font-weight:500;animation:2.4s ease-in-out infinite floaty;position:absolute;transform:translate(-50%,-3.6em)}@keyframes floaty{0%,to{transform:translate(-50%,-3.6em)}50%{transform:translate(-50%,-4.2em)}}.hint.is-hidden{opacity:0;transition:opacity .3s;animation:none}.banner{text-align:center;opacity:0;transition:opacity .5s var(--ease), transform .6s var(--spring);flex-direction:column;align-items:center;gap:.15em;padding:0 6vw;display:flex;position:absolute;top:16%;left:0;right:0;transform:translateY(-14px)scale(.8)}.banner__big{font-size:clamp(2.8rem,1.5rem9vw,6.5rem);letter-spacing:-.01em;color:var(--pink);text-shadow:0 4px #fff,0 10px 26px #ff5c8a59;font-weight:700;line-height:.9}.banner__sub{font-size:clamp(.85rem,.72rem.6vw,1.15rem);color:var(--plum);background:#ffffffb3;border-radius:999px;padding:.35em 1em;font-weight:500;box-shadow:0 6px 16px #d278aa33}.banner.is-in{opacity:1;transform:none}.replay{left:50%;bottom:calc(6.5% + env(safe-area-inset-bottom));font-family:var(--font);color:var(--pink);border:2px solid var(--pink-soft);cursor:pointer;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .4s var(--ease), transform .5s var(--spring), background .2s;background:#ffffffd9;border-radius:999px;align-items:center;gap:.5em;padding:.7em 1.3em;font-size:.9rem;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,10px);box-shadow:0 8px 20px #d278aa33}.replay.is-shown{opacity:1;visibility:visible;transform:translate(-50%)}.replay:hover{background:#fff}.replay:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.brand__dot,.kiss__heart,.hint{animation:none}.banner,.replay,.kiss{transition:none}}