:root{--primary-color: #ff4d6d;--secondary-color: #ff8fa3;--bg-color: #fff0f3;--text-color: #590d22;--btn-shadow: rgba(255, 77, 109, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Dancing Script,cursive;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.background-hearts{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.bg-heart{position:absolute;color:#ff4d6d4d;animation:float 15s linear infinite;font-size:2rem}@keyframes float{0%{transform:translateY(100vh) scale(.5);opacity:0}10%{opacity:.5}70%{opacity:.5}90%{opacity:0}to{transform:translateY(-10vh) scale(1.2);opacity:0}}.container{text-align:center;z-index:10;transition:opacity .5s ease;padding:0 10px}.hidden{display:none;opacity:0}h1{font-size:3.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:float-text 3s ease-in-out infinite}@keyframes float-text{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.buttons{display:flex;justify-content:center;gap:2rem;position:relative}.btn{font-family:Pacifico,cursive;font-size:1.5rem;padding:1rem 3rem;border:none;border-radius:50px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.btn-primary{background:linear-gradient(45deg,#ff4d6d,#ff8fa3);color:#fff;box-shadow:0 4px 15px var(--btn-shadow);animation:pulse 1.5s infinite}.btn-primary:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--btn-shadow)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 15px var(--btn-shadow)}50%{transform:scale(1.05);box-shadow:0 0 25px var(--btn-shadow)}to{transform:scale(1);box-shadow:0 4px 15px var(--btn-shadow)}}.btn-secondary{background-color:#cbd5e1;color:#64748b;box-shadow:0 4px 10px #0000001a}#btn-no{transition:all .2s ease-out}.final-text{color:var(--primary-color);font-size:4rem}.heart-beat{font-size:5rem;margin-top:1rem;animation:heartBeat 1.2s infinite;display:inline-block}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media(max-width:768px){body{overflow-y:auto;height:auto;min-height:100vh;padding:20px 0}h1{font-size:2rem;padding:0 1rem;margin-bottom:1.5rem}.buttons{flex-direction:column;align-items:center;gap:1rem}.btn{width:100%;max-width:250px;padding:.8rem 2rem;font-size:1.2rem}.final-text{font-size:2.5rem}.heart-beat{font-size:3rem}.chimpanzee-img{width:150px;right:10px;bottom:10px;z-index:5}}.photo-wall{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;display:none}.photo-wall.visible{display:block}.photo-item{position:absolute;background:#fff;padding:8px 8px 30px;box-shadow:0 4px 10px #0003;transform:rotate(var(--rotation));width:150px;height:auto;opacity:0;animation:floatIn 1.5s ease-out forwards}.photo-item img{width:100%;height:auto;display:block}.photo-item:after{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(var(--tape-rotation, -2deg));width:40px;height:12px;background-color:#fff9;border-left:1px dashed rgba(0,0,0,.1);border-right:1px dashed rgba(0,0,0,.1);box-shadow:0 1px 2px #0000001a;z-index:2}@keyframes floatIn{0%{transform:scale(.8) rotate(var(--rotation)) translateY(50px);opacity:0}to{transform:scale(1) rotate(var(--rotation)) translateY(0);opacity:1}}.chimpanzee-img{position:fixed;bottom:0;right:20px;width:300px;max-width:40vw;z-index:100;animation:bounceIn 1s cubic-bezier(.175,.885,.32,1.275) forwards,jump .6s ease-in-out infinite alternate 1s;pointer-events:none}@keyframes bounceIn{0%{transform:translateY(100%) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes jump{0%{transform:translateY(0)}to{transform:translateY(-40px) rotate(5deg)}}