*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pink-light: #ffe0ec;--pink: #ff69b4;--pink-dark: #ff1493;--red: #e74c3c;--green: #27ae60;--white: #ffffff;--font-heading: "Pacifico", cursive;--font-body: "Quicksand", sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:linear-gradient(135deg,#ff9a9e,#fad0c4,#ffecd2)}.app{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.floating-hearts-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-heart{position:absolute;bottom:-40px;color:var(--pink-dark);animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) translate(0) rotate(0);opacity:var(--heart-opacity, .3)}50%{transform:translateY(-50vh) translate(var(--drift, 0px)) rotate(180deg)}to{transform:translateY(-110vh) translate(calc(var(--drift, 0px) * -.5)) rotate(360deg);opacity:0}}.cursor-hearts-container{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.cursor-heart{position:fixed;pointer-events:none;transform:translate(-50%,-50%);animation:cursorHeartFade 1.5s ease-out forwards}@keyframes cursorHeartFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-100%) scale(.3) rotate(120deg)}}.mobile-blocker{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center}.mobile-blocker-content{text-align:center;padding:2rem}.mobile-blocker-emoji{font-size:4rem;display:block;margin-bottom:1.5rem}.mobile-blocker-text{color:var(--white);font-family:var(--font-body);font-size:1.4rem;font-weight:600;line-height:1.6}.question-container{text-align:center;z-index:1;padding:2rem}.volume-hint{font-family:var(--font-body);font-size:1rem;color:var(--white);opacity:.7;margin-bottom:1.5rem}.question-text{font-family:var(--font-heading);font-size:3.5rem;color:var(--white);text-shadow:2px 2px 8px rgba(0,0,0,.15);margin-bottom:2.5rem;min-height:4.5rem}.caret{font-family:var(--font-heading);font-weight:400;opacity:1}.caret.blink{animation:caretBlink 1s step-end infinite}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}.buttons-container{display:flex;gap:2rem;justify-content:center;align-items:center;opacity:0;pointer-events:none}.buttons-container.visible{opacity:1;pointer-events:auto}.buttons-container.visible .btn{animation:buttonSpinIn 1.2s ease-out}@keyframes buttonSpinIn{0%{opacity:0;transform:rotate(360deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.btn{border:none;border-radius:50px;padding:1rem 3rem;font-family:var(--font-body);font-size:1.3rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0003;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #0000004d}.btn-yes{background-color:var(--green);color:var(--white)}.btn-no{background-color:var(--red);color:var(--white)}.btn-no.disabled{opacity:.5;cursor:default}.btn-no.disabled:hover{transform:none;box-shadow:0 4px 15px #0003}.celebration-container{text-align:center;z-index:1;animation:fadeIn .8s ease-out}.photo-frame{width:450px;height:450px;overflow:hidden;margin:0 auto 2rem;background:var(--pink-light);clip-path:path("M225 400 C225 400 50 310 20 190 C0 110 50 30 130 20 C175 13 210 45 225 75 C240 45 275 13 320 20 C400 30 450 110 430 190 C400 310 225 400 225 400Z");filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}.couple-photo{width:100%;height:100%;object-fit:cover}.celebration-caption{font-family:var(--font-heading);font-size:2.5rem;color:var(--white);text-shadow:2px 2px 8px rgba(0,0,0,.15)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:767px){.app{display:none}}