:root{font-family:Georgia,serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;background:linear-gradient(135deg,#1a0a0a,#2d0a0a,#1a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.music-control{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,107,157,.5);background:#ff6b9d33;color:#ffd6e8;font-size:1.5rem;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.music-control:hover{background:#ff6b9d66;transform:scale(1.1)}.hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-heart{position:absolute;font-size:1.5rem;animation:floatHeart 15s infinite ease-in-out;opacity:.3}@keyframes floatHeart{0%{transform:translateY(100vh) rotate(0) scale(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(720deg) scale(1);opacity:0}}.confetti-piece{position:fixed;top:-10px;width:10px;height:10px;background:linear-gradient(45deg,#ff6b9d,#ffb3d1,#ff69b4);animation:confettiFall 2s forwards ease-out;z-index:1000;border-radius:2px}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.content{position:relative;z-index:1;text-align:center;max-width:500px;width:100%}.fade-in{animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title{font-size:clamp(2rem,9vw,3.5rem);color:#ff6b9d;text-shadow:0 0 20px rgba(255,107,157,.5),0 0 40px rgba(255,107,157,.3);margin-bottom:.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);text-shadow:0 0 20px rgba(255,107,157,.5),0 0 40px rgba(255,107,157,.3)}50%{transform:scale(1.05);text-shadow:0 0 30px rgba(255,107,157,.8),0 0 60px rgba(255,107,157,.5)}}.subtitle{font-size:clamp(.9rem,3.5vw,1.3rem);color:#ffb3d1;margin-bottom:2rem;font-style:italic}.main-heart{font-size:clamp(4rem,20vw,8rem);animation:heartbeat 1.5s ease-in-out infinite;margin:1.5rem 0;filter:drop-shadow(0 0 30px rgba(255,107,157,.8));cursor:pointer;transition:transform .2s;-webkit-user-select:none;user-select:none}.main-heart:active{transform:scale(.9)}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.tap-hint-text{color:#ffb3d1;font-size:.9rem;margin-top:-1rem;margin-bottom:1rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.message-card{background:linear-gradient(135deg,#ffb6c126,#ff69b41a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,107,157,.3);border-radius:20px;padding:2rem 1.5rem;margin:2rem 0;box-shadow:0 8px 32px #ff6b9d33}.message-card p{color:#ffd6e8;font-size:clamp(.95rem,2.8vw,1.15rem);line-height:1.8;margin-bottom:1rem}.message-card p:last-child{margin-bottom:0}.greeting{font-weight:700;font-size:clamp(1.1rem,3.5vw,1.3rem)!important;color:#ff6b9d!important;text-shadow:0 0 10px rgba(255,107,157,.5)}.name{color:#ff6b9d;font-weight:700;text-shadow:0 0 10px rgba(255,107,157,.5)}.click-hint{color:#ffb3d1;font-size:.95rem;margin-top:1.5rem;animation:bounce 1s infinite}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin:2rem 0;justify-items:center}.gallery-item{position:relative;overflow:hidden;border-radius:15px;border:3px solid rgba(255,107,157,.4);box-shadow:0 5px 20px #ff6b9d4d;transition:all .3s ease}.gallery-item:hover{transform:scale(1.05);border-color:#ff6b9d;box-shadow:0 10px 30px #ff6b9d80}.gallery-photo{width:100%;height:120px;object-fit:cover;display:block}.gallery-label{display:block;background:#ff6b9de6;color:#fff;font-size:.7rem;padding:.4rem .5rem;text-align:center}.memories-gallery{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.memory-photo{position:relative;border-radius:15px;overflow:hidden;border:3px solid rgba(255,107,157,.4);box-shadow:0 5px 20px #ff6b9d4d;transition:all .3s ease}.memory-photo:hover{transform:scale(1.05);border-color:#ff6b9d;box-shadow:0 10px 30px #ff6b9d80}.couple-photo{border-color:#ffb6c199!important;box-shadow:0 5px 25px #ffb6c166!important}.memory-img{width:clamp(90px,28vw,140px);height:clamp(90px,28vw,140px);object-fit:cover;display:block}.memory-label{display:block;background:#ff6b9de6;color:#fff;font-size:.75rem;padding:.3rem .5rem;text-align:center}.love-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:2rem}.note{background:linear-gradient(135deg,#ff69b433,#ffb6c11a);border:2px solid rgba(255,107,157,.4);border-radius:15px;padding:1.5rem 1rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.note:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.note:hover:before{left:100%}.note:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #ff6b9d66;border-color:#ff6b9dcc}.note:active{transform:translateY(-2px) scale(.98)}.note.revealed{background:linear-gradient(135deg,#ff6b9d4d,#ffb6c133);border-color:#ff6b9d;animation:noteReveal .5s ease-out}@keyframes noteReveal{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.note-emoji{font-size:2rem;margin-bottom:.5rem}.note-text{color:#ffd6e8;font-size:.9rem;line-height:1.4}.tap-indicator{position:absolute;top:5px;right:8px;font-size:1rem;animation:tapPulse 1s infinite}@keyframes tapPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.final-reveal{background:linear-gradient(135deg,#ff6b9d40,#ffb6c126);border:2px solid #ff6b9d;border-radius:15px;padding:1.5rem;margin-top:2rem;animation:slideUp .8s ease-out}.slide-up{animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.final-reveal p{color:#ffd6e8;margin-bottom:.5rem}.final-cta{font-weight:700;color:#ff6b9d!important;animation:glowPulse 1.5s infinite}@keyframes glowPulse{0%,to{text-shadow:0 0 10px rgba(255,107,157,.5)}50%{text-shadow:0 0 20px rgba(255,107,157,.8),0 0 30px rgba(255,107,157,.5)}}.footer{margin-top:3rem;color:#ffb3d1;font-size:.85rem}.footer-heart{display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}.opening-page{background:linear-gradient(135deg,#0d0505,#1a0505,#0d0505)}.opening-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.opening-photo-frame{position:relative;animation:photoGlow 3s ease-in-out infinite}.opening-photo{width:clamp(180px,55vw,280px);height:clamp(180px,55vw,280px);object-fit:cover;border-radius:50%;border:5px solid #ff6b9d;box-shadow:0 0 40px #ff6b9db3;animation:photoFloat 4s ease-in-out infinite}.opening-gallery{display:flex;flex-direction:column;align-items:center;gap:1rem}.main-photo-frame{position:relative;animation:photoGlow 3s ease-in-out infinite}@keyframes photoGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,107,157,.5))}50%{filter:drop-shadow(0 0 40px rgba(255,107,157,.8))}}.main-photo{width:clamp(150px,50vw,250px);height:clamp(150px,50vw,250px);object-fit:cover;border-radius:50%;border:4px solid #ff6b9d;box-shadow:0 0 30px #ff6b9d99;animation:photoFloat 4s ease-in-out infinite}@keyframes photoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.photo-heart{position:absolute;bottom:-10px;right:-10px;font-size:2rem;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,107,157,.8))}.small-photos{display:flex;gap:1rem;justify-content:center}.small-photo-frame{border-radius:50%;overflow:hidden;border:3px solid rgba(255,107,157,.5);animation:photoFloat 4s ease-in-out infinite}.small-photo-frame:nth-child(2){animation-delay:.5s}.small-photo{width:clamp(60px,20vw,100px);height:clamp(60px,20vw,100px);object-fit:cover}.opening-subtitle{color:#ffb3d1;font-size:clamp(1rem,4vw,1.5rem);font-style:italic;animation:fadeInUp 1s ease-out}.opening-heart{cursor:pointer;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:1rem}.opening-heart:hover{transform:scale(1.1)!important}.tap-hint{color:#ff6b9d;font-size:clamp(.9rem,3vw,1.2rem);font-weight:700;animation:bounce 1s infinite;text-shadow:0 0 15px rgba(255,107,157,.8)}.heart-emoji{font-size:clamp(5rem,25vw,10rem);animation:heartbeat 1.2s ease-in-out infinite;filter:drop-shadow(0 0 50px rgba(255,107,157,.8))}.opening-text{color:#ffd6e8;font-size:clamp(1rem,4vw,1.4rem);animation:fadeInUp 1s ease-out .3s both}.final-page{background:linear-gradient(135deg,#1a0a0a,#3d0a0a,#2d0a0a,#3d0a0a,#1a0a0a);animation:finalPageBg 3s ease-in-out infinite alternate}@keyframes finalPageBg{0%{background-position:0% 50%}to{background-position:100% 50%}}.final-content{position:relative;z-index:1;text-align:center;max-width:600px;width:100%;animation:fadeInUp 1s ease-out}.final-photo-frame{position:relative;margin:1.5rem 0}.final-photo{width:clamp(150px,50vw,280px);height:clamp(150px,50vw,280px);object-fit:cover;border-radius:50%;border:5px solid #ff6b9d;box-shadow:0 0 40px #ff6b9dcc;animation:finalPhotoGlow 2s ease-in-out infinite}@keyframes finalPhotoGlow{0%,to{box-shadow:0 0 40px #ff6b9dcc;transform:scale(1)}50%{box-shadow:0 0 60px #ff6b9d;transform:scale(1.02)}}.final-hearts{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:2rem;display:flex;gap:.5rem;animation:heartbeat 1.5s ease-in-out infinite}.final-title{font-size:clamp(2rem,8vw,3.5rem);color:#ff6b9d;text-shadow:0 0 30px rgba(255,107,157,.8),0 0 60px rgba(255,107,157,.5);margin-bottom:1rem;animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{transform:scale(1);text-shadow:0 0 30px rgba(255,107,157,.8),0 0 60px rgba(255,107,157,.5)}50%{transform:scale(1.02);text-shadow:0 0 40px rgba(255,107,157,1),0 0 80px rgba(255,107,157,.7)}}.big-heart-beat{font-size:clamp(5rem,25vw,10rem);animation:heartbeat 1s ease-in-out infinite;filter:drop-shadow(0 0 50px rgba(255,107,157,.8));margin:2rem 0}.couple-photo-frame{margin:1.5rem 0}.couple-photo{width:clamp(180px,50vw,300px);height:clamp(180px,50vw,300px);object-fit:cover;border-radius:20px;border:5px solid #ff6b9d;box-shadow:0 0 50px #ff6b9dcc;animation:couplePhotoGlow 3s ease-in-out infinite}@keyframes couplePhotoGlow{0%,to{box-shadow:0 0 50px #ff6b9dcc}50%{box-shadow:0 0 70px #ff6b9d}}.final-message{background:linear-gradient(135deg,#ffb6c133,#ff69b426);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,107,157,.5);border-radius:25px;padding:2.5rem 2rem;margin:2rem 0;box-shadow:0 0 40px #ff6b9d4d}.final-line{color:#ffd6e8;font-size:clamp(1rem,3.5vw,1.3rem);line-height:2;margin-bottom:1rem}.final-emojis{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0;font-size:2rem}.final-emojis span{display:inline-block;animation:emojiFloat 1.5s ease-in-out infinite}.final-emojis span:nth-child(1){animation-delay:0s}.final-emojis span:nth-child(2){animation-delay:.1s}.final-emojis span:nth-child(3){animation-delay:.2s}.final-emojis span:nth-child(4){animation-delay:.3s}.final-emojis span:nth-child(5){animation-delay:.4s}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.from-text{color:#ff6b9d;font-size:clamp(1.1rem,4vw,1.4rem);font-weight:700;margin-top:1.5rem;text-shadow:0 0 15px rgba(255,107,157,.6)}@media(min-width:768px){.app{padding:2rem}.content{max-width:700px}.message-card{padding:3rem 2.5rem}.love-notes{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.love-notes{grid-template-columns:repeat(3,1fr)}.final-message{padding:3rem 3.5rem}}.question-page{background:linear-gradient(135deg,#0d0505,#1a0505,#0d0505)}.question-content{position:relative;z-index:1;text-align:center;max-width:500px;width:100%;padding:2rem 1rem}.question-emoji{font-size:clamp(4rem,20vw,6rem);animation:emojiBounce 1.5s ease-in-out infinite;margin-bottom:1rem}@keyframes emojiBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.question-photo{margin-bottom:1.5rem}.question-img{width:clamp(120px,40vw,200px);height:clamp(120px,40vw,200px);object-fit:cover;border-radius:50%;border:4px solid #ff6b9d;box-shadow:0 0 25px #ff6b9d99;animation:photoFloat 3s ease-in-out infinite}.question-title{font-size:clamp(1.5rem,6vw,2.5rem);color:#ff6b9d;text-shadow:0 0 20px rgba(255,107,157,.6);margin-bottom:1rem;animation:fadeInUp 1s ease-out}.question-text{font-size:clamp(1.2rem,5vw,1.6rem);color:#ffd6e8;line-height:1.6;margin-bottom:2.5rem;animation:fadeInUp 1s ease-out .2s both}.buttons-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem;position:relative;min-height:120px}.btn{font-family:Georgia,serif;font-size:clamp(1.1rem,4vw,1.4rem);padding:1rem 2.5rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:700;position:relative;z-index:10}.btn-emoji{font-size:1.5rem}.yes-btn{background:linear-gradient(135deg,#ff6b9d,#ff4081);color:#fff;box-shadow:0 5px 25px #ff6b9d80;animation:yesButtonPulse 2s ease-in-out infinite}.yes-btn:hover{transform:scale(1.1);box-shadow:0 8px 35px #ff6b9db3}.yes-btn:active{transform:scale(1.05)}@keyframes yesButtonPulse{0%,to{box-shadow:0 5px 25px #ff6b9d80}50%{box-shadow:0 5px 35px #ff6b9dcc}}.no-btn{background:linear-gradient(135deg,#555,#444);color:#ffd6e8;box-shadow:0 5px 20px #0000004d;cursor:pointer;will-change:left,top}.no-btn:hover{background:linear-gradient(135deg,#666,#555)}.no-response{color:#ffb3d1;font-size:clamp(.95rem,3vw,1.1rem);font-style:italic;animation:fadeInUp .5s ease-out;min-height:2rem}.thankyou-page{background:linear-gradient(135deg,#1a0a0a,#2d0a0a,#1a0a0a)}.thankyou-content{position:relative;z-index:1;text-align:center;max-width:500px;width:100%;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.thankyou-title{font-size:clamp(2rem,8vw,3rem);color:#ff6b9d;text-shadow:0 0 25px rgba(255,107,157,.7);animation:fadeInUp .8s ease-out}.thankyou-text{font-size:clamp(1.1rem,4vw,1.4rem);color:#ffd6e8;animation:fadeInUp .8s ease-out .3s both}.countdown-dots{display:flex;gap:1rem;margin-top:1rem}.countdown-dots .dot{width:15px;height:15px;background:#ff6b9d;border-radius:50%;animation:dotPulse 1s ease-in-out infinite;box-shadow:0 0 15px #ff6b9d99}.countdown-dots .dot:nth-child(1){animation-delay:0s}.countdown-dots .dot:nth-child(2){animation-delay:.3s}.countdown-dots .dot:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:1}}@media(min-width:768px){.question-content,.thankyou-content{max-width:600px}.buttons-container{gap:3rem}.btn{font-size:1.3rem;padding:1.2rem 3rem}}