.question-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:2.5rem 1.5rem;box-shadow:0 20px 60px #ff69b44d;position:relative;overflow:visible;min-height:550px;display:flex;flex-direction:column;justify-content:center}.question-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,182,193,.1) 0%,transparent 70%);pointer-events:none}.progress-bar{position:absolute;top:0;left:0;right:0;height:8px;background:#ff69b433;border-radius:30px 30px 0 0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff69b4,#ff1493);transition:width .5s ease}.question-text{font-family:Cormorant,serif;font-size:clamp(2.2rem,7vw,3.5rem);color:#2c1a1d;text-align:center;margin:2rem 0;line-height:1.3;position:relative;font-weight:600}.buttons-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative;min-height:260px;justify-content:center;padding-bottom:100px}.yes-no-buttons{display:flex;flex-direction:column;gap:2rem;align-items:center;position:relative}.sad-gif-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:none}.sad-gif{width:300px;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 10px 40px #0006;border:4px solid white}.sad-message{font-size:1.8rem;color:#ff1493;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);background:#fffffff2;padding:.75rem 2rem;border-radius:50px}.btn{padding:1.5rem 3rem;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0000001a;min-width:220px}.btn-yes{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff}.btn-yes:hover{box-shadow:0 15px 40px #ff149366}.btn-no{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#757575;border:2px solid #DDD;transform-origin:center;font-size:1.5rem}.btn-continue{background:linear-gradient(135deg,#ffb6c1,#ff69b4);color:#fff;align-self:center}.btn-continue:hover{box-shadow:0 15px 40px #ffb6c166}.btn-next{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;margin-top:1.5rem}.btn-next:hover{box-shadow:0 15px 40px #ff149366}.message-text{font-size:1.25rem;line-height:1.8;color:#4a4a4a;text-align:center;padding:1rem;margin:1rem 0;font-weight:400}.no-response{text-align:center;color:#ff69b4;font-size:1.15rem;margin-top:1.5rem;font-style:italic;font-weight:600;position:absolute;bottom:20px;left:0;right:0;width:100%;padding:0 1rem;animation:bounce .5s ease-out}@keyframes bounce{0%{opacity:0;transform:translateY(10px)}50%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.gif-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.celebration-gif{width:100%;max-width:450px;height:auto;border-radius:20px;box-shadow:0 10px 30px #0003}.response-text{font-size:1.5rem;color:#ff1493;text-align:center;font-weight:600;padding:0 1rem;line-height:1.5}.floating-emoji{position:absolute;font-size:2.5rem;pointer-events:none;z-index:100}@media (max-width: 640px){.question-card{padding:2rem 1.25rem;min-height:500px}.question-text{font-size:2rem;margin:1.5rem 0}.buttons-container{min-height:240px;padding-bottom:90px}.btn{padding:1.25rem 2.5rem;font-size:1.3rem;min-width:200px}.btn-no{font-size:1.4rem}.sad-gif{width:250px;height:250px}.sad-message{font-size:1.5rem;padding:.6rem 1.5rem}.celebration-gif{max-width:100%}.no-response{font-size:1.05rem;bottom:15px}.message-text{font-size:1.15rem}.response-text{font-size:1.3rem}}@media (max-width: 380px){.question-text{font-size:1.8rem}.btn{padding:1.1rem 2rem;font-size:1.2rem}.sad-gif{width:220px;height:220px}.no-response{font-size:1rem}}.final-message{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:3rem 2rem;box-shadow:0 20px 60px #ff69b44d;text-align:center;position:relative;overflow:hidden}.heart-burst{font-size:5rem;margin-bottom:1.5rem;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}30%{transform:scale(1.2)}40%{transform:scale(1)}}.final-title{font-family:Cormorant,serif;font-size:clamp(2.5rem,8vw,4.5rem);color:#ff1493;margin-bottom:1rem;line-height:1.2;font-weight:600}.final-subtitle{font-size:2rem;color:#ff69b4;font-weight:600;margin-bottom:1.5rem;font-family:Cormorant,serif;font-style:italic}.final-text{font-size:1.25rem;color:#4a4a4a;margin-bottom:2rem;line-height:1.8;max-width:550px;margin-left:auto;margin-right:auto;font-weight:400}.final-gif-container{margin:2rem 0}.final-gif{width:100%;max-width:450px;height:auto;border-radius:20px;box-shadow:0 10px 30px #0003}.restart-btn{padding:1.2rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #ff14934d;transition:all .3s ease}.restart-btn:hover{box-shadow:0 15px 40px #ff149380}.final-floating-heart{position:absolute;pointer-events:none;z-index:1}@media (max-width: 640px){.final-message{padding:2.5rem 1.5rem}.heart-burst{font-size:4rem}.final-title{font-size:2.5rem}.final-subtitle{font-size:1.6rem}.final-text{font-size:1.15rem;line-height:1.7}.restart-btn{padding:1.1rem 2rem;font-size:1.1rem}}.photo-gallery{min-height:100vh;padding:3rem 2rem;position:relative;overflow-y:auto;background:linear-gradient(135deg,#fff5f7,#ffe8f0)}.gallery-title{font-family:Cormorant,serif;font-size:clamp(2.5rem,6vw,4rem);color:#ff1493;text-align:center;margin-bottom:3rem;font-weight:600;text-shadow:0 2px 10px rgba(255,20,147,.2)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding-bottom:3rem}.photo-card{cursor:pointer;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #ff69b433;transition:all .3s ease}.photo-card:hover{box-shadow:0 20px 50px #ff14934d}.photo-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.photo-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-card:hover .photo-wrapper img{transform:scale(1.05)}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,20,147,.8) 100%);display:flex;align-items:flex-end;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .3s ease}.photo-card:hover .photo-overlay{opacity:1}.view-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.floating-heart{position:fixed;pointer-events:none;z-index:1}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-content{position:relative;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center}.fullscreen-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px #00000080}.close-btn{position:absolute;top:20px;right:20px;background:#ff69b44d;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:10}.close-btn:hover{background:#ff149380;transform:rotate(90deg)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ff69b44d;color:#fff;border:none;width:60px;height:60px;border-radius:50%;font-size:3rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1}.nav-btn:hover{background:#ff149380;transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.photo-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#ff69b44d;color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Outfit,sans-serif}@media (max-width: 768px){.photo-gallery{padding:2rem 1rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.gallery-title{font-size:2.5rem;margin-bottom:2rem}}@media (max-width: 640px){.nav-btn{width:50px;height:50px;font-size:2rem}.prev-btn{left:10px}.next-btn{right:10px}.close-btn{width:40px;height:40px;font-size:1.5rem;top:10px;right:10px}.photo-counter{bottom:20px;font-size:1rem;padding:.6rem 1.2rem}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.gallery-title{font-size:2rem}}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.container{max-width:600px;width:100%;position:relative;z-index:10}.hearts-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-heart{position:absolute;font-size:30px;opacity:.3;animation:floatUp 8s infinite ease-in-out}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background:linear-gradient(135deg,#ffe5ec,#ffc2d1,#ffb3c6);min-height:100vh;overflow-x:hidden;color:#2c1a1d;position:relative}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffe5ec}::-webkit-scrollbar-thumb{background:#ff69b4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff1493}