*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink-50:#fff0f5;--pink-100:#ffe4ef;--pink-200:#ffb6d3;--pink-300:#ff8cb8;--pink-400:#ff69b4;--pink-500:#ff1493;--pink-600:#e0118a;--pink-700:#b30d6b;--rose:#ff007f;--gold:gold;--white:#fff;--dark:#2d1b2e;--font-script:"Pacifico", cursive;--font-body:"Poppins", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:linear-gradient(135deg, var(--pink-50) 0%, var(--pink-100) 100%);min-height:100vh;color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23FF69B4'/%3E%3C/svg%3E") 12 12,auto;margin:0;line-height:1.6;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-8px)rotate(-3deg)}20%{transform:translate(8px)rotate(3deg)}30%{transform:translate(-8px)rotate(-3deg)}40%{transform:translate(8px)rotate(3deg)}50%{transform:translate(-6px)rotate(-2deg)}60%{transform:translate(6px)rotate(2deg)}70%{transform:translate(-4px)rotate(-1deg)}80%{transform:translate(4px)rotate(1deg)}90%{transform:translate(-2px)rotate(0)}}@keyframes unwrap{0%{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(5deg)}to{opacity:0;transform:scale(0)rotate(15deg)}}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:20px;box-shadow:0 8px 32px #ff14931a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--pink-50)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--pink-300), var(--pink-500));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--pink-400), var(--pink-600))}*{scrollbar-width:thin;scrollbar-color:var(--pink-400) var(--pink-50)}::selection{background:var(--pink-400);color:var(--white)}::selection{background:var(--pink-400);color:var(--white)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.password-screen{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:.8s fadeIn;display:flex}.password-card{-webkit-backdrop-filter:blur(15px);text-align:center;box-sizing:border-box;background:#ffffff4d;border:1px solid #fff6;border-radius:24px;width:100%;max-width:440px;padding:48px;box-shadow:0 8px 32px #ff149326}.password-icon{margin-bottom:16px;animation:3s ease-in-out infinite pulse}.password-title{font-family:var(--font-script,"Pacifico", cursive);color:var(--pink-500,#ff1493);margin:0 0 8px;font-size:2rem;line-height:1.3}.password-subtitle{font-family:var(--font-body,"Poppins", sans-serif);color:var(--pink-400,#ff69b4);margin:0 0 28px;font-size:1rem}.password-form{flex-direction:column;align-items:center;gap:0;display:flex}.password-input{border:2px solid var(--pink-200,#ffb6d3);text-align:center;width:100%;font-size:1.1rem;font-family:var(--font-body,"Poppins", sans-serif);color:var(--dark,#2d1b2e);box-sizing:border-box;background:#fff;border-radius:16px;outline:none;padding:16px 20px;transition:border-color .3s,box-shadow .3s}.password-input::placeholder{color:var(--pink-300,#ff8cb8);opacity:.8}.password-input:focus{border-color:var(--pink-500,#ff1493);outline:none;box-shadow:0 0 0 4px #ff149326}.password-input.shake{border-color:var(--pink-500,#ff1493);animation:.5s shake}.password-btn{background:linear-gradient(135deg, var(--pink-400,#ff69b4), var(--pink-500,#ff1493));color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;font-family:var(--font-body,"Poppins", sans-serif);letter-spacing:.3px;border:none;border-radius:16px;margin-top:16px;padding:14px 48px;transition:all .3s}.password-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff14934d}.password-btn:active{transform:scale(.98)}.password-error{color:var(--pink-500,#ff1493);font-family:var(--font-body,"Poppins", sans-serif);flex-direction:column;align-items:center;gap:6px;margin-top:16px;font-size:.95rem;font-weight:500;animation:.3s fadeIn;display:flex}.password-hint{color:var(--pink-300,#ff8cb8);font-size:.85rem;font-style:italic;font-family:var(--font-body,"Poppins", sans-serif);margin-top:20px}@media (width<=480px){.password-card{padding:32px 24px}.password-title{font-size:1.6rem}.password-btn{width:100%;padding:14px 36px}}@keyframes celebratePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes confettiFall{0%{opacity:1;top:-20px;transform:rotate(0)rotateX(0)}to{opacity:.3;transform:rotateZ(var(--confetti-rotate,720deg)) rotateX(var(--confetti-flip,360deg));top:110vh}}.quiz-screen{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.quiz-card{-webkit-backdrop-filter:blur(15px);text-align:center;box-sizing:border-box;background:#ffffff4d;border:1px solid #fff6;border-radius:24px;width:100%;max-width:500px;padding:40px;animation:.5s scaleIn;position:relative;overflow:visible;box-shadow:0 8px 32px #ff149326}.quiz-progress{background:var(--pink-100,#ffe4ef);border-radius:100px;width:100%;height:8px;margin-bottom:28px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--pink-400,#ff69b4), var(--pink-500,#ff1493));border-radius:100px;height:100%;transition:width .5s}.quiz-progress-text{font-family:var(--font-body,"Poppins", sans-serif);color:var(--pink-400,#ff69b4);margin-bottom:8px;font-size:.8rem;font-weight:500}.quiz-icon{margin-bottom:12px}.quiz-title{font-family:var(--font-script,"Pacifico", cursive);color:var(--pink-500,#ff1493);margin:0 0 8px;font-size:1.8rem;line-height:1.3}.quiz-question{color:var(--dark,#2d1b2e);font-size:1.3rem;font-weight:500;font-family:var(--font-body,"Poppins", sans-serif);margin-bottom:24px}.quiz-options{flex-direction:column;gap:0;display:flex}.quiz-option{border:2px solid var(--pink-200,#ffb6d3);cursor:pointer;width:100%;font-size:1rem;font-family:var(--font-body,"Poppins", sans-serif);color:var(--dark,#2d1b2e);text-align:left;box-sizing:border-box;background:#fff;border-radius:16px;margin:8px 0;padding:14px 24px;transition:all .3s}.quiz-option:hover{border-color:var(--pink-400,#ff69b4);background:var(--pink-50,#fff0f5);transform:translate(5px)}.quiz-option:active{transform:translate(5px)scale(.98)}.quiz-slider-container{box-sizing:border-box;width:100%;padding:0 8px}.quiz-slider-value{font-family:var(--font-script,"Pacifico", cursive);color:var(--pink-500,#ff1493);margin-bottom:16px;font-size:3.5rem;line-height:1;transition:all .3s}.quiz-slider{appearance:none;background:linear-gradient(90deg, var(--pink-200,#ffb6d3), var(--pink-500,#ff1493));cursor:pointer;border-radius:100px;outline:none;width:100%;height:12px;margin:16px 0}.quiz-slider::-webkit-slider-thumb{appearance:none;background:var(--pink-500,#ff1493);cursor:pointer;border:3px solid #fff;border-radius:50%;width:32px;height:32px;transition:transform .2s;box-shadow:0 2px 10px #ff149366}.quiz-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.quiz-slider::-moz-range-thumb{background:var(--pink-500,#ff1493);cursor:pointer;border:3px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:0 2px 10px #ff149366}.quiz-slider-label{font-family:var(--font-body,"Poppins", sans-serif);color:var(--pink-400,#ff69b4);justify-content:space-between;margin-top:4px;font-size:.85rem;display:flex}.quiz-slider-snap{font-family:var(--font-body,"Poppins", sans-serif);color:var(--pink-500,#ff1493);margin-top:16px;font-size:1rem;font-weight:600;animation:.4s fadeIn}.quiz-yesno{justify-content:center;align-items:center;gap:16px;min-height:120px;display:flex;position:relative}.quiz-btn-yes{background:linear-gradient(135deg, var(--pink-400,#ff69b4), var(--pink-500,#ff1493));color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;font-family:var(--font-body,"Poppins", sans-serif);z-index:1;border:none;border-radius:16px;padding:16px 40px;transition:all .3s}.quiz-btn-yes:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff14934d}.quiz-btn-yes:active{transform:scale(.98)}.quiz-btn-no{color:var(--pink-400,#ff69b4);border:2px solid var(--pink-200,#ffb6d3);cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-body,"Poppins", sans-serif);z-index:1;background:#fff;border-radius:16px;padding:14px 32px;transition:all .2s}.quiz-btn-no.dodging{transition:left .2s,top .2s,transform .2s;position:absolute}.quiz-btn-no:hover{border-color:var(--pink-400,#ff69b4)}.dodge-counter{color:var(--pink-400,#ff69b4);font-size:.9rem;font-family:var(--font-body,"Poppins", sans-serif);margin-top:10px;animation:.3s fadeIn}.quiz-result{font-family:var(--font-script,"Pacifico", cursive);color:var(--pink-500,#ff1493);flex-direction:column;align-items:center;gap:12px;animation:.5s scaleIn;display:flex}.quiz-result-text{margin-top:8px;font-size:1.5rem}.quiz-correct{font-family:var(--font-body,"Poppins", sans-serif);color:var(--pink-500,#ff1493);margin-top:16px;font-size:1.2rem;font-weight:600;animation:.3s fadeIn}.quiz-celebration{flex-direction:column;align-items:center;gap:16px;animation:.5s scaleIn;display:flex}.quiz-celebration-title{font-family:var(--font-script,"Pacifico", cursive);color:var(--pink-500,#ff1493);font-size:2.2rem;animation:1s ease-in-out infinite celebratePulse}.quiz-celebration-sub{font-family:var(--font-body,"Poppins", sans-serif);color:var(--pink-400,#ff69b4);font-size:1.1rem}.quiz-next-btn{background:linear-gradient(135deg, var(--pink-400,#ff69b4), var(--pink-500,#ff1493));color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-body,"Poppins", sans-serif);border:none;border-radius:16px;margin-top:20px;padding:14px 40px;transition:all .3s}.quiz-next-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff14934d}@media (width<=480px){.quiz-card{padding:28px 20px}.quiz-title{font-size:1.4rem}.quiz-question{font-size:1.1rem}.quiz-slider-value{font-size:2.5rem}.quiz-btn-yes{padding:14px 28px;font-size:1rem}.quiz-btn-no{padding:12px 24px;font-size:.9rem}.quiz-celebration-title{font-size:1.8rem}}.reveal-screen{background:linear-gradient(135deg, var(--pink-50) 0%, var(--white) 50%, var(--pink-50) 100%);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:.8s ease-out revealFadeIn;display:flex;position:relative;overflow:hidden}.reveal-title{font-family:var(--font-script);color:var(--pink-500);text-align:center;margin-bottom:8px;font-size:2.2rem;animation:.8s ease-out both slideUp}.reveal-subtitle{font-family:var(--font-body);color:var(--pink-400);text-align:center;margin-bottom:10px;font-size:1.1rem;animation:2s ease-in-out infinite pulse}.reveal-cat{z-index:2;margin-bottom:-10px;animation:3s ease-in-out infinite floatCat}.gift-box-container{cursor:pointer;z-index:1;margin:40px 0;animation:3s ease-in-out infinite giftFloat;position:relative}.gift-box-container:hover .gift-lid{transform:translateY(-4px)}.gift-box{background:linear-gradient(135deg, var(--pink-400), var(--pink-500));border-radius:12px;width:180px;height:180px;position:relative;box-shadow:0 8px 30px #ff14934d,inset 0 -4px 8px #0000001a}.gift-lid{background:linear-gradient(135deg, var(--pink-500), var(--pink-600));z-index:2;border-radius:8px 8px 0 0;width:200px;height:50px;transition:transform .5s,opacity .5s;position:absolute;top:-50px;left:50%;transform:translate(-50%);box-shadow:0 -4px 15px #ff149333,inset 0 2px 4px #ffffff26}.gift-lid.fly-off{opacity:0;transition:transform .8s cubic-bezier(.2,.8,.3,1),opacity .8s;transform:translate(-50%)translateY(-250px)rotate(35deg)}.gift-ribbon-v{background:var(--gold);opacity:.85;z-index:1;width:22px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gift-ribbon-h{background:var(--gold);opacity:.85;z-index:1;height:22px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.gift-lid .gift-ribbon-v{border-radius:4px 4px 0 0}.gift-ribbon-v:after,.gift-ribbon-h:after{content:"";background:#ffffff4d;border-radius:2px;height:4px;position:absolute;top:0;left:0;right:0}.gift-bow{z-index:3;gap:2px;display:flex;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.gift-bow:before,.gift-bow:after{content:"";background:var(--gold);border-radius:50%;width:24px;height:18px;box-shadow:inset 0 -2px 4px #0000001a}.gift-bow:before{transform:rotate(-15deg)}.gift-bow:after{transform:rotate(15deg)}.bow-center{background:var(--gold);z-index:4;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #ffd70066}.sparkle{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);pointer-events:none;border-radius:50%;animation:2s ease-in-out infinite sparkle;position:absolute}.sparkle:first-child{animation-delay:0s;top:-20px;left:-30px}.sparkle:nth-child(2){animation-delay:.4s;top:-15px;right:-25px}.sparkle:nth-child(3){animation-delay:.8s;bottom:-10px;left:-20px}.sparkle:nth-child(4){animation-delay:1.2s;bottom:-15px;right:-30px}.sparkle:nth-child(5){animation-delay:.6s;top:50%;left:-35px}.sparkle:nth-child(6){animation-delay:1s;top:50%;right:-35px}.sparkle:nth-child(7){animation-delay:.2s;top:-25px;left:50%}.sparkle:nth-child(8){animation-delay:1.4s;bottom:-20px;left:50%}.shaking{animation:.5s ease-in-out shake}.shaking-hard{animation:.3s ease-in-out shakeHard}.confetti-piece{z-index:1000;width:10px;height:15px;animation:confettiFall var(--fall-duration,3s) ease-in forwards;animation-delay:var(--fall-delay,0s);opacity:.9;border-radius:2px;position:fixed;top:-20px}.reveal-heart{animation:heartBurstUp var(--burst-duration,2s) ease-out forwards;pointer-events:none;z-index:999;font-size:1.5rem;position:absolute}@keyframes revealFadeIn{0%{opacity:0}to{opacity:1}}@keyframes giftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatCat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes shakeHard{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-12px)rotate(-6deg)}20%{transform:translate(12px)rotate(6deg)}30%{transform:translate(-14px)rotate(-5deg)}40%{transform:translate(14px)rotate(5deg)}50%{transform:translate(-10px)rotate(-4deg)}60%{transform:translate(10px)rotate(4deg)}70%{transform:translate(-8px)rotate(-3deg)}80%{transform:translate(8px)rotate(3deg)}90%{transform:translate(-4px)rotate(-1deg)}}@keyframes heartBurstUp{0%{opacity:1;transform:translateY(0)scale(.5)}60%{opacity:1}to{opacity:0;transform:translateY(var(--burst-y,-120px)) translateX(var(--burst-x,0px)) scale(1.2) rotate(var(--burst-rot,0deg))}}.click-hint{font-family:var(--font-body);color:var(--pink-300);margin-top:8px;font-size:.85rem;animation:2s ease-in-out infinite pulse}.collage-screen{background:linear-gradient(180deg, var(--pink-50) 0%, var(--white) 40%, var(--pink-50) 100%);max-width:900px;min-height:100vh;margin:0 auto;padding:40px 20px;position:relative}.collage-sparkle{background:var(--gold);pointer-events:none;width:4px;height:4px;animation:collageSparkleFloat var(--sparkle-duration,4s) ease-in-out infinite;animation-delay:var(--sparkle-delay,0s);opacity:0;z-index:0;border-radius:50%;position:fixed;box-shadow:0 0 6px #ffd70066}.collage-header{text-align:center;z-index:1;margin-bottom:40px;position:relative}.collage-title{font-family:var(--font-script);color:var(--pink-500);margin:0 0 8px;font-size:2.5rem;animation:1s ease-out both collageFadeIn}.collage-subtitle{font-family:var(--font-body);color:var(--pink-400);margin:0;font-size:1.1rem;animation:1s ease-out .3s both collageFadeIn}.collage-grid{perspective:1000px;z-index:1;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}@media (width<=768px){.collage-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.collage-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}}.polaroid{background:var(--white);will-change:transform;cursor:pointer;border-radius:4px;padding:12px 12px 40px;transition:transform .4s,box-shadow .4s,z-index;animation:.6s ease-out both polaroidIn;position:relative;box-shadow:0 4px 15px #0000001a}.polaroid:first-child{transform:rotate(-3deg)}.polaroid:nth-child(2){transform:rotate(2deg)}.polaroid:nth-child(3){transform:rotate(-4deg)}.polaroid:nth-child(4){transform:rotate(5deg)}.polaroid:nth-child(5){transform:rotate(-2deg)}.polaroid:nth-child(6){transform:rotate(3deg)}.polaroid:hover{z-index:10;box-shadow:0 8px 25px #ff149333;transform:scale(1.05)rotate(0)!important}.photo-placeholder{aspect-ratio:4/3;border-radius:4px;justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex;position:relative;overflow:hidden}.photo-placeholder img{object-fit:cover;border-radius:4px;width:100%;height:100%}.placeholder-text{font-family:var(--font-body);color:#ffffffd9;text-shadow:0 1px 3px #00000026;z-index:1;font-size:1rem;position:absolute}.polaroid-caption{font-family:var(--font-script);color:var(--dark);text-align:center;padding-top:12px;font-size:.95rem;line-height:1.4}.love-letter{-webkit-backdrop-filter:blur(12px);z-index:1;background:#fff0f599;border:1px solid #ffb6d34d;border-radius:20px;max-width:600px;margin:60px auto 0;padding:40px;position:relative;box-shadow:0 8px 32px #ff149314,inset 0 0 0 1px #fff6}.love-letter:before{content:"💌";font-size:2rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.typewriter-text{font-family:var(--font-body);color:var(--dark);text-align:center;white-space:pre-wrap;font-size:1.1rem;line-height:1.8}.cursor{background:var(--pink-500);vertical-align:text-bottom;width:2px;height:1.2em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.collage-footer{text-align:center;z-index:1;margin-top:60px;padding-bottom:60px;position:relative}.collage-footer-text{font-family:var(--font-script);color:var(--pink-400);margin-top:16px;font-size:1.3rem}@keyframes collageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes polaroidIn{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1}}@keyframes collageSparkleFloat{0%,to{opacity:0;transform:translateY(0)scale(.5)}25%{opacity:.7}50%{opacity:1;transform:translateY(-20px)scale(1.1)}75%{opacity:.5}}.floating-hearts-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-heart{-webkit-user-select:none;user-select:none;will-change:transform, opacity;animation:linear infinite floatUp;position:absolute;bottom:-50px}@keyframes floatUp{0%{opacity:.7;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-110vh)rotate(360deg)}}.heart-burst-container{pointer-events:none;z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.heart-burst-particle{-webkit-user-select:none;user-select:none;will-change:transform, opacity;animation:1.5s ease-out forwards burstOut;position:absolute}@keyframes burstOut{0%{opacity:1;transform:translate(0)scale(0)rotate(0)}to{transform:translate(var(--tx), var(--ty)) scale(1) rotate(var(--rot));opacity:0}}.app{min-height:100vh;position:relative;overflow-x:hidden}.screen-container{z-index:1;transition:opacity .6s,transform .6s;position:relative}.screen-container.fade-in{opacity:1;transform:translateY(0)}.screen-container.fade-out{opacity:0;transform:translateY(-30px)}