:root{--color-pink-primary:#ff7597;--color-pink-light:#fff0f3;--color-pink-dark:#e04a6e;--color-peach-light:#fff1ea;--color-lavender-light:#f5f0ff;--color-gold:#ffd05c;--color-cream:#fffdf9;--color-text-dark:#4a3341;--color-text-muted:#8c717e;--color-text-light:#ff7597;--glass-bg:#fffdf9b8;--glass-border:#fff9;--glass-shadow:0 20px 45px #f5b4c01f, 0 4px 12px #f5b4c00d;--glass-shadow-hover:0 28px 55px #f5b4c038, 0 6px 18px #f5b4c014;--font-main:"Comfortaa", "Outfit", sans-serif;--font-accent:"Montserrat", sans-serif;--font-handwritten:"Marck Script", cursive;--transition-smooth:all .45s cubic-bezier(.16, 1, .3, 1);--transition-elastic:all .6s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font-main);color:var(--color-text-dark);scroll-behavior:smooth;background:linear-gradient(135deg,#fff2f5 0%,#fff6f0 50%,#f6f0ff 100%);line-height:1.65;overflow-x:hidden}body{position:relative}#star-canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.background-blobs{z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(85px);opacity:.6;border-radius:50%;animation:25s ease-in-out infinite alternate driftBlob;position:absolute}.blob-pink{background:radial-gradient(circle,#ffcbd8 0%,#ffcbd800 70%);width:480px;height:480px;top:-10%;left:-10%}.blob-peach{background:radial-gradient(circle,#ffe0cc 0%,#ffe0cc00 70%);width:550px;height:550px;animation-delay:-8s;bottom:-10%;right:-10%}.blob-cream{background:radial-gradient(circle,#fff2cb 0%,#fff2cb00 70%);width:450px;height:450px;animation-delay:-16s;top:40%;left:30%}@keyframes driftBlob{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(40px,30px)scale(1.15)rotate(120deg)}to{transform:translate(-20px,-40px)scale(.9)rotate(240deg)}}.grain-overlay{opacity:.04;pointer-events:none;z-index:1000;background-image:radial-gradient(#00000026 1px,#0000 0),radial-gradient(#00000026 1px,#0000 0);background-position:0 0,4px 4px;background-size:8px 8px;width:100vw;height:100vh;position:fixed;top:0;left:0}.garland-container{z-index:10;pointer-events:none;width:100%;position:absolute;top:0;left:0}.garland-svg{overflow:visible}.heart-bulb{transform-origin:0 3px;animation:2.2s ease-in-out infinite bulbBlink}.b-1{animation-delay:0s}.b-2{animation-delay:.5s}.b-3{animation-delay:1.1s}.b-4{animation-delay:1.6s}@keyframes bulbBlink{0%,to{opacity:.72;filter:drop-shadow(0 0 2px #ff75971a)}50%{opacity:1;filter:drop-shadow(0 0 10px #ff7597d9)}}.section-title{font-family:var(--font-main);text-align:center;color:var(--color-text-dark);letter-spacing:-.5px;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:2.1rem;font-weight:800;display:flex}.section-subtitle{font-family:var(--font-accent);text-align:center;color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2.6rem;font-size:.95rem;font-weight:600}.highlight{background:linear-gradient(90deg, var(--color-pink-primary) 0%, #ff527b 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900;display:inline-block;position:relative}.highlight:after{content:"";background:linear-gradient(90deg, var(--color-pink-primary), #ff9ebb);opacity:.45;border-radius:20px;width:100%;height:5px;position:absolute;bottom:2px;left:0}.icon-sparkle{color:var(--color-pink-primary);animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{filter:drop-shadow(0 0 #ff759700);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #ff7597b3);transform:scale(1.18)}}.cute-btn{font-family:var(--font-main);cursor:pointer;transition:var(--transition-elastic);letter-spacing:.5px;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.8rem;padding:.95rem 2.2rem;font-size:1.05rem;font-weight:800;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-pink-primary) 0%, #ff527b 50%, #ff9ebb 100%);color:#fff;background-size:200%;border:1.5px solid #ffffff40;animation:4s linear infinite shimmerBtn;box-shadow:0 10px 25px #ff759740,0 0 10px #ff75971f}@keyframes shimmerBtn{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-primary:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 14px 30px #ff759759,0 0 18px #ff759733}.btn-primary:active{transform:translateY(-1px)scale(.98)}.btn-secondary{color:var(--color-text-dark);background:#fff;border:1.5px solid #ff759740;box-shadow:0 8px 20px #ff75970a}.btn-secondary:hover{background:var(--color-pink-light);border-color:var(--color-pink-primary);color:var(--color-pink-dark);transform:translateY(-3px);box-shadow:0 10px 22px #ff75971a}.pulse-btn{animation:2s ease-in-out infinite pulseButton}@keyframes pulseButton{0%,to{box-shadow:0 10px 25px #ff759740}50%{box-shadow:0 10px 30px #ff759773}}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(110%);border:1.8px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:40px}.glass-container:hover{box-shadow:var(--glass-shadow-hover);background:#fffefbd1;border-color:#ff759740;transform:translateY(-4px)}.main-wrapper{z-index:10;flex-direction:column;gap:4.5rem;max-width:500px;margin:0 auto;padding:1.5rem .95rem;display:flex;position:relative}.hero-section{justify-content:center;align-items:center;min-height:90vh;padding-top:2rem;display:flex}.hero-card{-webkit-backdrop-filter:blur(25px);border:1.8px solid var(--glass-border);text-align:center;box-shadow:var(--glass-shadow);background:#fffdf9bf;border-radius:44px;width:100%;padding:3.5rem 1.6rem 2.5rem;position:relative;overflow:hidden}.badge{font-family:var(--font-accent);text-transform:uppercase;color:var(--color-pink-dark);letter-spacing:.5px;background:#ffe3ea;border:1px solid #ff759733;border-radius:50px;margin-bottom:1.6rem;padding:.45rem 1.3rem;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 4px 10px #ff75970d}.main-title{color:var(--color-text-dark);margin-bottom:1.1rem;font-size:2.3rem;font-weight:900;line-height:1.3}.subtitle{font-family:var(--font-accent);color:var(--color-text-muted);margin-bottom:2.5rem;font-size:.95rem;font-weight:600;line-height:1.65}.love-timer-container{background:#fff8f8;border:1.5px solid #ff75971f;border-radius:32px;margin-bottom:1rem;padding:1.8rem 1rem;box-shadow:inset 0 2px 8px #ff759708}.timer-title{color:var(--color-pink-dark);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.3rem;font-size:1.05rem;font-weight:800;display:flex}.pulse-animation{color:var(--color-pink-primary);filter:drop-shadow(0 0 5px #ff759780);animation:1.2s cubic-bezier(.215,.61,.355,1) infinite alternate pulseHeart}@keyframes pulseHeart{0%{transform:scale(1)}to{transform:scale(1.22)}}.timer-grid{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:1.1rem;display:grid}.timer-item-cloud{transition:var(--transition-elastic);background:#fff;border:1.5px solid #ff75971f;border-radius:28px;flex-direction:column;align-items:center;padding:.95rem .2rem;display:flex;box-shadow:0 8px 18px #ff75970a,inset 0 1px 3px #fffc}.timer-item-cloud:hover{border-color:var(--color-pink-primary);transform:translateY(-4px)rotate(2deg);box-shadow:0 10px 22px #ff759714}.timer-number{color:var(--color-pink-dark);font-variant-numeric:tabular-nums;text-shadow:0 0 6px #ff759726;font-size:1.55rem;font-weight:900;line-height:1.1}.timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:.3rem;font-size:.68rem;font-weight:700}.timer-footer{font-family:var(--font-handwritten);color:var(--color-pink-primary);margin-top:.5rem;font-size:1.6rem}.scroll-down-hint{color:var(--color-text-muted);letter-spacing:.3px;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;margin-top:2.8rem;font-size:.8rem;font-weight:700;display:flex}.bounce-chevron{color:var(--color-pink-primary);font-size:1.1rem;animation:1.8s ease-in-out infinite bounceChevron}@keyframes bounceChevron{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.gallery-section{width:100%}.polaroid-wrapper{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -.95rem;padding:1.8rem .5rem 2.8rem;overflow-x:auto}.polaroid-wrapper::-webkit-scrollbar{display:none}.polaroid-track{gap:1.5rem;width:max-content;padding:0 1.5rem;display:flex}.polaroid-card{scroll-snap-align:center;width:275px;transform:rotate(var(--rotation,-1.8deg)) translateY(0);transition:var(--transition-smooth);background:#fff;border-radius:6px;padding:.95rem .95rem 2.1rem;position:relative;box-shadow:0 12px 28px #8c717e1f,0 3px 8px #00000005}.polaroid-card:nth-child(2n){--rotation:2.2deg}.polaroid-card:nth-child(3n){--rotation:-2.5deg}.polaroid-card:hover{z-index:10;transform:translateY(-10px)rotate(0)scale(1.03);box-shadow:0 20px 40px #8c717e40,0 5px 15px #ff75971a}.polaroid-pin{z-index:3;transform-origin:50%;transition:var(--transition-smooth);position:absolute;top:-12px;left:calc(50% - 8px)}.polaroid-card:hover .polaroid-pin{transform:translateY(-2px)rotate(-10deg)}.polaroid-image-wrapper{aspect-ratio:1;background-color:var(--color-pink-light);border:1px solid #0000000a;border-radius:4px;width:100%;margin-bottom:1.2rem;position:relative;overflow:hidden}.polaroid-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.polaroid-card:hover img{transform:scale(1.08)}.image-shimmer{pointer-events:none;background:linear-gradient(45deg,#fff0 0% 40%,#ffffff73 50%,#fff0 60% 100%);width:200%;height:200%;transition:all .8s;position:absolute;top:-50%;left:-60%}.polaroid-card:hover .image-shimmer{top:100%;left:100%}.polaroid-caption{font-family:var(--font-handwritten);text-align:center;color:var(--color-text-dark);height:2rem;font-size:1.6rem;line-height:1.2}.compliment-card{text-align:center;padding:3rem 1.4rem}.giftbox-container{cursor:pointer;justify-content:center;align-items:center;width:140px;height:140px;margin:1.5rem auto;display:flex;position:relative}.giftbox-svg{width:100%;height:100%;transition:var(--transition-elastic);filter:drop-shadow(0 12px 24px #ff759726)}.gift-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffb7c566 0%,#fff0 70%);border-radius:50%;width:100px;height:100px;animation:2.5s ease-in-out infinite alternate pulseGlow;position:absolute}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.3)}}@keyframes boxShake{0%,to{transform:rotate(0)}15%,45%,75%{transform:rotate(-6deg)scale(1.04)}30%,60%,90%{transform:rotate(6deg)scale(1.04)}}.giftbox-container:hover .giftbox-svg{animation:.6s boxShake}.giftbox-container.shaking .giftbox-svg{animation:.6s ease-in-out infinite boxShake}.gift-lid-group,.gift-bow-group{transform-origin:50px 30px;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .5s}.giftbox-container.opened .gift-lid-group{transform:translateY(-15px)rotate(-8deg)}.giftbox-container.opened .gift-bow-group{transform:translateY(-25px)rotate(-15deg)}.paper-container{perspective:1000px;max-width:330px;transition:var(--transition-smooth);margin:1.5rem auto 0}.paper-container.hidden{display:none}.paper-compliment{transform-origin:top;background:linear-gradient(135deg,#fff 0%,#fffdfa 100%);border-left:2px dashed #ff759740;border-right:2px dashed #ff759740;border-radius:14px;padding:2.2rem 1.5rem;animation:.75s cubic-bezier(.19,1,.22,1) forwards pullPaper;position:relative;box-shadow:0 12px 30px #8c717e26}.paper-compliment:after{content:"";background-color:#0000;background-image:linear-gradient(-45deg,#0000 5px,#fff 5px),linear-gradient(45deg,#0000 5px,#fff 5px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:10px;position:absolute;bottom:-10px;left:0}@keyframes pullPaper{0%{opacity:0;transform:rotateX(-90deg)translateY(-40px)}to{opacity:1;transform:rotateX(0)translateY(0)}}.paper-deco{color:var(--color-pink-primary);margin-bottom:1.1rem;font-size:1.1rem}.compliment-content{font-family:var(--font-handwritten);color:var(--color-text-dark);word-wrap:break-word;margin-bottom:1.6rem;font-size:1.85rem;line-height:1.4}.paper-footer{font-family:var(--font-accent);text-transform:uppercase;letter-spacing:1.5px;color:var(--color-pink-dark);border-top:1.5px dashed #ff759733;padding-top:1.1rem;font-size:.72rem;font-weight:700}.diary-layout{box-shadow:0 15px 35px #dcd2be33, var(--glass-shadow);background:linear-gradient(90deg,#fffcf6 26px,#fffffb 26px);border-left:18px solid #f3edd7;position:relative;padding:3rem 1.4rem 3rem 2.2rem!important}.diary-binding{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-around;height:84%;display:flex;position:absolute;top:8%;left:4px}.spiral-loop{background:0 0;border:2px solid #d4cca6;border-radius:50%/30%;width:14px;height:26px;box-shadow:-2px 1px 3px #0000000f}.quiz-card{text-align:center;padding:3rem 1.4rem;position:relative;overflow:hidden}.quiz-question-box{flex-direction:column;align-items:center;width:100%;margin-top:1.6rem;display:none}.quiz-question-box.active-question{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideQuestionIn;display:flex}@keyframes slideQuestionIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.question-number{font-family:var(--font-accent);text-transform:uppercase;color:var(--color-pink-dark);background:#ffeef2;border:1px solid #ff759726;border-radius:50px;margin-bottom:1.3rem;padding:.35rem 1rem;font-size:.78rem;font-weight:700;box-shadow:0 3px 8px #00000005}.question-text{color:var(--color-text-dark);margin-bottom:2rem;font-size:1.2rem;font-weight:800;line-height:1.5}.quiz-options{flex-direction:column;gap:.8rem;width:100%;max-width:320px;display:flex}.quiz-options-relative{flex-direction:column;gap:.8rem;width:100%;max-width:320px;min-height:180px;display:flex;position:relative}.quiz-btn{font-family:var(--font-main);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:20px;width:100%;padding:.9rem 1.4rem;font-size:.95rem;font-weight:700}.cute-btn-primary{color:var(--color-text-dark);background:#fff;border:1.8px solid #ff759726;box-shadow:0 4px 12px #ff759708}.cute-btn-primary:hover{background:linear-gradient(135deg, var(--color-pink-primary) 0%, #ff527b 100%);color:#fff;border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 20px #ff759738}.cute-btn-secondary{color:var(--color-text-muted);background:#fff;border:1.5px solid #8c717e1f}.cute-btn-secondary:hover{border-color:var(--color-pink-primary);color:var(--color-pink-dark);background:var(--color-pink-light)}.evading-btn{width:100%;max-width:320px;transition:left .24s cubic-bezier(.16,1,.3,1),top .24s cubic-bezier(.16,1,.3,1);position:absolute}.quiz-btn.correct-glow{pointer-events:none;transform:scale(1.02);color:#1a5c29!important;background:linear-gradient(135deg,#a1ffb4 0%,#68f18c 100%)!important;border-color:#0000!important;box-shadow:0 0 20px #68f18c73!important}.quiz-btn.wrong-shake{pointer-events:none;animation:.4s shakeBtn;color:#ff5252!important;background:#ffeaea!important;border-color:#ff5252!important;box-shadow:0 0 12px #ff525226!important}@keyframes shakeBtn{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.quiz-celebration-overlay{z-index:20;opacity:0;pointer-events:none;background:#fffefbf5;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.quiz-celebration-overlay:not(.hidden){opacity:1;pointer-events:auto}.celebration-content{text-align:center;flex-direction:column;align-items:center;max-width:350px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards scaleCelebrate;display:flex}@keyframes scaleCelebrate{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.celeb-kitty-svg{filter:drop-shadow(0 6px 12px #ffb7c54d);margin-bottom:1.2rem}.celebration-content h3{color:var(--color-text-dark);margin-bottom:.7rem;font-size:1.35rem;font-weight:800}.celebration-content p{color:var(--color-text-muted);margin-bottom:1.8rem;font-size:.9rem;line-height:1.55}.letter-section{flex-direction:column;align-items:center;display:flex}.envelope-container{justify-content:center;align-items:center;width:100%;max-width:380px;height:240px;margin-top:2rem;display:flex;position:relative}.envelope{cursor:pointer;background-color:#ffdce3;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:290px;height:190px;position:relative;box-shadow:0 15px 35px #8c717e26,0 0 10px #ff75970a}.flap{border-style:solid;width:0;height:0;position:absolute}.top-flap{border-left:145px solid #0000;border-right:145px solid #0000;border-top:96px solid var(--color-pink-primary);transform-origin:top;z-index:4;width:0;height:0;transition:transform .5s ease-in-out,z-index .3s ease-in-out;top:0;left:0}.left-flap{z-index:3;border-top:95px solid #0000;border-bottom:95px solid #0000;border-left:145px solid #ffcbd6;border-radius:12px 0 0 12px;top:0;left:0}.right-flap{z-index:3;border-top:95px solid #0000;border-bottom:95px solid #0000;border-right:145px solid #ffcbd6;border-radius:0 12px 12px 0;top:0;right:0}.seal{background:linear-gradient(135deg, var(--color-gold) 0%, #e29b1d 100%);z-index:5;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:absolute;top:78px;left:127px;box-shadow:0 4px 10px #e29b1d66,inset 0 0 4px #fff6}.envelope:hover .seal{transform:scale(1.15)rotate(15deg)}.letter{z-index:2;background:#fff;border:1px dashed #ffb7c5;border-radius:8px;width:265px;height:170px;padding:1.5rem 1.2rem;transition:transform .6s cubic-bezier(.19,1,.22,1),height .6s cubic-bezier(.19,1,.22,1),z-index;position:absolute;top:10px;left:12.5px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.letter-text{font-family:var(--font-handwritten);color:var(--color-text-dark);opacity:0;font-size:1.3rem;line-height:1.5;transition:opacity .4s}.letter-salutation{color:var(--color-pink-dark);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.letter-signature-block{text-align:right;margin-top:1.3rem}.love-highlight{color:var(--color-pink-dark);margin-bottom:.1rem;font-size:1.35rem;font-weight:700;animation:1.5s ease-in-out infinite alternate glowText}@keyframes glowText{0%{text-shadow:0 0 2px #ff75971a}to{text-shadow:0 0 10px #ff759780}}.letter-signature{color:var(--color-text-muted);font-size:1.15rem}.envelope.open .top-flap{z-index:1;transform:rotateX(180deg)}.envelope.open .letter{z-index:4;height:290px;overflow-y:auto;transform:translateY(-120px);box-shadow:0 15px 30px #8c717e26}.envelope.open .letter-text{opacity:1}.envelope.open .seal{opacity:0;pointer-events:none}.cozy-footer{text-align:center;z-index:10;border-top:1.5px dashed #ff759726;width:100%;margin-top:1.5rem;padding:3rem 1rem 4rem;position:relative}.footer-text{font-family:var(--font-accent);color:var(--color-text-muted);letter-spacing:.3px;font-size:.8rem;font-weight:700}.music-player-container{z-index:100;align-items:center;gap:.5rem;display:flex;position:fixed;top:1.3rem;right:1.3rem}.music-toggle-btn{-webkit-backdrop-filter:blur(10px);width:44px;height:44px;color:var(--color-pink-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffffd9;border:1.5px solid #ff759733;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:0 5px 15px #ff75971a}.music-toggle-btn:hover{border-color:var(--color-pink-primary);transform:scale(1.1);box-shadow:0 6px 18px #ff759733}.music-toggle-btn.playing{background:linear-gradient(135deg, var(--color-pink-primary) 0%, #ff527b 100%);color:#fff;border-color:#0000;animation:4s linear infinite rotateMusic;box-shadow:0 5px 18px #ff75974d}@keyframes rotateMusic{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-tooltip{-webkit-backdrop-filter:blur(8px);color:var(--color-text-dark);font-family:var(--font-accent);pointer-events:none;opacity:1;white-space:nowrap;background:#fffffff2;border:1.2px solid #ff759733;border-radius:12px;padding:.4rem .85rem;font-size:.72rem;font-weight:700;transition:opacity .5s;box-shadow:0 4px 12px #0000000d}.music-player-container:hover .music-tooltip,.music-toggle-btn.playing+.music-tooltip{opacity:0}.floating-kitty{z-index:100;cursor:pointer;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1.3rem;right:1.3rem}.kitty-avatar{-webkit-backdrop-filter:blur(10px);width:58px;height:58px;transition:var(--transition-elastic);background:#ffffffd9;border:1.5px solid #ff75972e;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite bounceKitty;display:flex;box-shadow:0 6px 18px #8c717e26}@keyframes bounceKitty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-kitty:hover .kitty-avatar{border-color:var(--color-pink-primary);transform:scale(1.12)rotate(6deg);box-shadow:0 8px 22px #ff759738}.kitty-bubble{-webkit-backdrop-filter:blur(8px);color:var(--color-text-dark);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-smooth);background:#fffefbf5;border:1.5px solid #ff759733;border-radius:18px 18px 0;padding:.55rem .95rem;font-size:.76rem;font-weight:700;transform:translateY(8px)scale(.92);box-shadow:0 6px 18px #0000000a}.floating-kitty.chatting .kitty-bubble,.floating-kitty:hover .kitty-bubble{opacity:1;transform:translateY(0)scale(1)}.kitty-tail{transform-origin:30px 80px;animation:2.4s ease-in-out infinite alternate wiggleTail}@keyframes wiggleTail{0%{transform:rotate(-5deg)}to{transform:rotate(18deg)}}.kitty-eye-l,.kitty-eye-r{animation:4s ease-in-out infinite blinkEye}.kitty-eye-l{transform-origin:42px 42px}.kitty-eye-r{transform-origin:58px 42px}@keyframes blinkEye{0%,95%,to{transform:scaleY(1)}97.5%{transform:scaleY(.08)}}.floating-heart{color:var(--color-pink-primary);pointer-events:none;z-index:100;font-size:1.3rem;animation:1.1s ease-out forwards floatHeartUp;position:fixed}@keyframes floatHeartUp{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}to{transform:translateY(-110px) scale(1.4) rotate(var(--angle,12deg));opacity:0}}.fade-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards blockFadeIn;transform:translateY(20px)}@keyframes blockFadeIn{to{opacity:1;transform:translateY(0)}}@media (width<=480px){.main-wrapper{gap:3.5rem;padding:.9rem .65rem}.hero-card{border-radius:36px;padding:2.8rem 1.1rem 2rem}.main-title{font-size:1.9rem}.subtitle{margin-bottom:2rem;font-size:.88rem}.timer-number{font-size:1.35rem}.timer-label{font-size:.62rem}.timer-footer{font-size:1.35rem}.section-title{font-size:1.75rem}.section-subtitle{margin-bottom:1.8rem;font-size:.85rem}.polaroid-card{width:245px;padding:.85rem .85rem 1.8rem}.polaroid-caption{font-size:1.4rem}.envelope-container{height:210px;margin-top:1rem}.envelope{width:250px;height:165px}.top-flap{border-top-width:83px;border-left-width:125px;border-right-width:125px}.left-flap,.right-flap{border-width:83px 125px}.seal{width:30px;height:30px;top:69px;left:110px}.letter{width:227px;height:147px;padding:1.1rem;left:11.5px}.letter-text{font-size:1.1rem}.envelope.open .letter{height:255px;transform:translateY(-110px)}.evading-btn{max-width:260px}}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}.blob{display:none}}.preloader{z-index:9999;opacity:1;visibility:visible;background:linear-gradient(135deg,#fff2f5 0%,#fff6f0 100%);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s cubic-bezier(.77,0,.175,1),visibility .8s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0}.preloader.fade-out{opacity:0;visibility:hidden}.preloader-content{text-align:center;flex-direction:column;align-items:center;gap:1.4rem;padding:2rem;display:flex}.preloader-heart{filter:drop-shadow(0 0 10px #ff759766);animation:1.2s ease-in-out infinite preloaderPulse}@keyframes preloaderPulse{0%,to{filter:drop-shadow(0 0 10px #ff759766);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #ff7597cc);transform:scale(1.18)}}.preloader-bar-container{background:#ff759714;border:1px solid #ff759733;border-radius:10px;width:180px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.preloader-bar{background:linear-gradient(90deg, var(--color-pink-primary) 0%, #ff527b 100%);border-radius:10px;width:0%;height:100%;transition:width .1s ease-out;box-shadow:0 0 8px #ff759780}.preloader-text{font-family:var(--font-accent);color:var(--color-text-dark);letter-spacing:.5px;margin-top:.4rem;font-size:.95rem;font-weight:700}.preloader-subtext{font-family:var(--font-handwritten);color:var(--color-pink-primary);margin-top:-.8rem;font-size:1.5rem}.reveal-on-scroll{opacity:0;will-change:transform, opacity;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(28px)scale(.98)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)scale(1)}.section-divider{pointer-events:none;justify-content:center;align-items:center;width:100%;margin:1.2rem 0;display:flex}.section-divider svg{filter:drop-shadow(0 0 6px #ff759733);overflow:visible}.floating-svgs-container{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-svg-item{pointer-events:none;position:absolute}.item-paw{animation:14s ease-in-out infinite alternate floatSlow-1;top:15%;left:6%}.item-heart-1{animation:16s ease-in-out infinite alternate-reverse floatSlow-2;top:45%;right:8%}.item-star{animation:10s ease-in-out infinite alternate floatSlow-3;top:75%;left:10%}.item-paw-2{animation:15s ease-in-out infinite alternate floatSlow-2;bottom:12%;right:6%}.item-heart-2{animation:12s ease-in-out infinite alternate-reverse floatSlow-1;top:25%;right:12%}.item-sparkle-1{animation:6s ease-in-out infinite floatPulse;top:60%;left:4%}.item-sparkle-2{animation:8s ease-in-out infinite floatPulse;bottom:25%;right:11%}.item-cloud-1{animation:25s linear infinite floatHorizontal;top:85%;left:15%}@keyframes floatSlow-1{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-25px)rotate(10deg)scale(1.05)}to{transform:translateY(-50px)rotate(-10deg)scale(.95)}}@keyframes floatSlow-2{0%{transform:translateY(0)rotate(5deg)scale(.9)}50%{transform:translateY(-35px)rotate(-15deg)scale(1.1)}to{transform:translateY(-15px)rotate(10deg)scale(1)}}@keyframes floatSlow-3{0%{transform:translateY(0)rotate(-10deg)scale(1)}50%{transform:translateY(-20px)rotate(15deg)scale(.9)}to{transform:translateY(-40px)rotate(-5deg)scale(1.1)}}@keyframes floatPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.5;transform:scale(1.18)}}@keyframes floatHorizontal{0%{transform:translate(-10vw)translateY(0)}50%{transform:translate(50vw)translateY(-12px)}to{transform:translate(110vw)translateY(0)}}.card-corner-svg{opacity:.35;pointer-events:none;z-index:2;width:45px;height:45px;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .5s;position:absolute}.card-corner-svg.top-left{top:15px;left:15px}.card-corner-svg.bottom-right{bottom:15px;right:15px;transform:rotate(180deg)}.hero-card:hover .card-corner-svg.top-left,.glass-container:hover .card-corner-svg.top-left{opacity:.6;transform:rotate(15deg)scale(1.1)}.hero-card:hover .card-corner-svg.bottom-right,.glass-container:hover .card-corner-svg.bottom-right{opacity:.6;transform:rotate(195deg)scale(1.1)}