*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Poppins,sans-serif;color:#5a2a4a;overflow:hidden}.app{position:relative;height:100%;overflow:hidden;background:linear-gradient(135deg,#ffe3ef,#ffd1e8 40%,#e9d5ff 80%,#ffe9d6);background-size:200% 200%;animation:bg 12s ease infinite}@keyframes bg{50%{background-position:100% 100%}}.page{position:absolute;top:0;right:0;bottom:0;left:0;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);z-index:2}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.tap{cursor:pointer}.script{font-family:Dancing Script,cursive;font-size:clamp(2.4rem,9vw,4rem);color:#d6336c;text-shadow:0 2px 12px #fff8}.sub{font-size:1.15rem;font-weight:500}.big-emoji{font-size:5rem}.btns{display:flex;gap:18px;margin-top:10px;min-height:60px;align-items:center}.btn{border:none;border-radius:999px;padding:14px 30px;font:600 1.05rem Poppins;cursor:pointer;box-shadow:0 8px 20px #d6336c44}.yes{background:linear-gradient(135deg,#ff6b9d,#d6336c);color:#fff}.no{background:#fff;color:#d6336c}.quote{font-family:Dancing Script,cursive;font-size:clamp(1.1rem,4.4vw,1.5rem);max-width:520px;line-height:1.35;color:#9c2b5e;max-height:30vh;overflow-y:auto}.hint{font-size:.85rem;color:#a0537f}.count{position:absolute;top:calc(env(safe-area-inset-top) + 16px);right:20px;background:#fff9;padding:4px 12px;border-radius:999px;font-size:.8rem}.bloom{position:relative;flex:none;display:grid;place-items:center;filter:drop-shadow(0 10px 18px #d6336c44)}.spin{position:absolute;top:0;right:0;bottom:0;left:0;animation:spin linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.petal{position:absolute;left:50%;top:50%;border-radius:50%/70% 70% 30% 30%;border:1.5px solid #fff9}.center-ring{position:absolute;border-radius:50%;box-shadow:0 0 0 4px #fff8}.photo{position:relative;border-radius:50%;overflow:hidden;background:#fff}.photo img{width:100%;height:100%;object-fit:cover}.ph{width:100%;height:100%;display:grid;place-content:center;font-size:2rem;background:#ffe3ef;color:#d6336c}.six{display:grid;grid-template-columns:repeat(3,auto);gap:6px 10px;justify-content:center}.wish{font-size:clamp(1.6rem,6vw,2.6rem)}.wish span{font-size:1.25em;color:#ff3d81}.petals,.rain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.petals span,.rain span{position:absolute;top:-10%;animation:fall linear infinite;opacity:.8}.petals span{animation-name:fall}.rain{z-index:5}@keyframes fall{to{transform:translateY(115vh) rotate(360deg)}}