:root{--bg-cream:#fdfaf5;--bg-dark-cream:#f5efe3;--bg-parchment:#faf6ee;--text-primary:#3d2f27;--text-secondary:#6b5244;--text-muted:#9a7e72;--pastel-pink:#f2c4c4;--pastel-pink-light:#fae8e8;--pastel-pink-deep:#e8a0a0;--pastel-peach:#f9dcc4;--pastel-peach-light:#fef0e4;--pastel-sage:#c2d3c4;--pastel-sage-light:#e8f0e9;--pastel-blue:#c5dff0;--pastel-blue-light:#e8f4fb;--pastel-gold:#f0cb7a;--pastel-gold-light:#fbeed1;--warm-brown:#8b6b55;--shadow-soft:0 4px 20px #3d2f270f;--shadow-page:0 8px 32px #3d2f271a;--border-radius-soft:20px;--border-radius-page:16px;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Poppins", sans-serif;--font-handwritten:"Caveat", cursive;--font-letter:"Playfair Display", Georgia, serif;--font-headings:"Playfair Display", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-cream);color:var(--text-primary);width:100vw;height:100vh;font-size:16px;line-height:1.7;position:relative;overflow:hidden}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root{width:100%;height:100%;position:relative;overflow:hidden}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.btn{font-family:var(--font-headings);cursor:pointer;border:none;border-radius:40px;outline:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-primary{background-color:var(--pastel-pink);color:#fff;box-shadow:0 6px 20px #eab8b866}.btn-primary:hover,.btn-primary:active{background-color:#e49e9e;transform:translateY(-2px);box-shadow:0 10px 25px #eab8b899}.btn-secondary{background-color:var(--pastel-sage);color:#fff;box-shadow:0 6px 20px #c2d3c466}.btn-secondary:hover,.btn-secondary:active{background-color:#b0c7b2;transform:translateY(-2px);box-shadow:0 10px 25px #c2d3c499}.btn-text{color:var(--text-secondary);background:0 0;padding:8px 16px;font-size:.95rem;text-decoration:underline}.btn-text:hover{color:var(--text-primary)}.music-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:1000;width:48px;height:48px;color:var(--text-primary);box-shadow:var(--shadow-cozy);background:#ffffffbf;border:1px solid #4d3b3214;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.music-btn:hover{background:#fff;transform:scale(1.05)}.music-icon{width:22px;height:22px}.scene{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:40px 20px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.scene-content{z-index:5;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;display:flex}#welcome-scene{background:linear-gradient(#edf6f9,#f7f2e8 70%)}.clouds-container{pointer-events:none;z-index:2;width:100%;height:40%;position:absolute;top:0;left:0;overflow:hidden}.cloud{opacity:.75;filter:blur(1px);background:#fff;border-radius:100px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud-1{width:120px;height:40px;animation:25s linear infinite moveCloud;top:15%;left:-150px}.cloud-1:before{width:50px;height:50px;top:-20px;left:15px}.cloud-1:after{width:70px;height:70px;top:-35px;right:15px}.cloud-2{opacity:.6;width:160px;height:50px;animation:35s linear 5s infinite moveCloud;top:30%;left:-200px}.cloud-2:before{width:65px;height:65px;top:-25px;left:20px}.cloud-2:after{width:90px;height:90px;top:-45px;right:25px}.cloud-3{opacity:.8;width:90px;height:30px;animation:20s linear 12s infinite moveCloud;top:8%;left:-100px}.cloud-3:before{width:35px;height:35px;top:-15px;left:10px}.cloud-3:after{width:50px;height:50px;top:-25px;right:10px}@keyframes moveCloud{0%{transform:translate(0)}to{transform:translate(calc(100vw + 350px))}}.welcome-intro{margin-bottom:20px}.psst-text{font-family:var(--font-headings);color:var(--accent-red);letter-spacing:.5px;margin-bottom:8px;font-size:1.3rem;font-weight:600}.fade-text{font-family:var(--font-headings);color:var(--text-primary);margin-bottom:12px;font-size:1.85rem;font-weight:700}.fade-text.delay-1{color:var(--text-secondary);font-size:1.15rem;font-weight:500}.mascot-container{justify-content:center;align-items:center;width:220px;height:220px;margin:15px auto 35px;display:flex;position:relative}.capy-mascot{object-fit:contain;filter:drop-shadow(0 10px 15px #4d3b3214);width:100%;height:auto}.float-animation{animation:4s ease-in-out infinite floatMascot}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-animation{animation:2.5s ease-in-out infinite pulseBtn}@keyframes pulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.meadow-grass{background-color:var(--pastel-sage);z-index:3;border-radius:50% 50% 0 0/20px 20px 0 0;width:100%;height:60px;position:absolute;bottom:0;left:0}#letter-scene{background-color:var(--bg-dark-cream)}.envelope-wrapper{perspective:1000px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;display:flex}.envelope{width:320px;height:220px;box-shadow:var(--shadow-premium);cursor:pointer;transform-style:preserve-3d;background-color:#f3eae0;border-radius:8px;transition:transform .5s;position:relative}.envelope-flap{transform-origin:top;z-index:30;border-top:120px solid #e3d5c5;border-left:160px solid #0000;border-right:160px solid #0000;width:0;height:0;transition:transform .6s ease-in-out,border-top-color .6s;position:absolute;top:0;left:0}.envelope-back{z-index:10;background:#ecdcc8;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.envelope-front{z-index:25;border-bottom:110px solid #ebd0b3;border-left:160px solid #ebdccb;border-right:160px solid #ebdccb;width:0;height:0;position:absolute;top:110px;left:0}.envelope-paper{z-index:15;background:#fff;border-radius:4px;width:300px;height:200px;padding:24px;transition:transform .8s cubic-bezier(.19,1,.22,1),height .8s cubic-bezier(.19,1,.22,1),bottom .8s cubic-bezier(.19,1,.22,1),z-index .3s;position:absolute;bottom:10px;left:10px;overflow:hidden;box-shadow:0 0 10px #0000000d}.paper-content{opacity:0;flex-direction:column;justify-content:space-between;height:100%;transition:opacity .4s .4s;display:flex}.letter-title{font-family:var(--font-letter);color:var(--text-primary);border-bottom:1px dashed var(--pastel-pink);margin-bottom:12px;padding-bottom:8px;font-size:1.25rem}.letter-body{font-family:var(--font-letter);color:var(--text-secondary);flex-grow:1;max-height:280px;padding-right:5px;font-size:.95rem;font-style:italic;line-height:1.7;overflow-y:auto}.wax-seal{background-color:var(--accent-red);z-index:40;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:absolute;top:100px;left:135px;box-shadow:0 4px 10px #d375754d}.wax-seal:hover{transform:scale(1.1)rotate(5deg)}.seal-heart{color:#fff;font-size:1.3rem}.envelope-hint{font-family:var(--font-headings);color:var(--text-secondary);margin-top:30px;font-size:.9rem;animation:2s ease-in-out infinite pulseHint}@keyframes pulseHint{0%,to{opacity:.6}50%{opacity:1}}.envelope.open .envelope-flap{z-index:5;border-top-color:#ebdccb;transform:rotateX(180deg)}.envelope.open .wax-seal{opacity:0;pointer-events:none;transform:scale(.5)}.envelope.open-paper .envelope-paper{z-index:50;height:440px;box-shadow:var(--shadow-premium);bottom:-110px;transform:translateY(-80px)}.envelope.open-paper .paper-content{opacity:1}#gift-scene{background:linear-gradient(#f3ede2,#e5ded4)}.garden-background{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.flower-bg{opacity:.15;font-size:1.5rem;animation:5s ease-in-out infinite floatMascot;position:absolute}.flower-1{animation-delay:0s;top:15%;left:10%}.flower-2{animation-delay:1.5s;top:25%;right:15%}.flower-3{animation-delay:.8s;bottom:20%;left:15%}.flower-4{animation-delay:2.2s;bottom:35%;right:10%}.garden-title{font-family:var(--font-headings);color:var(--text-primary);margin-bottom:8px;font-size:1.8rem}.garden-subtitle{color:var(--text-secondary);margin-bottom:30px;padding:0 20px;font-size:.95rem}.main-gift-wrapper{z-index:5;justify-content:center;align-items:center;height:220px;margin-bottom:40px;display:flex}.gift-box{cursor:pointer;width:160px;height:160px;transition:transform .3s;position:relative}.gift-box-lid{background-color:var(--pastel-pink);z-index:10;border-radius:6px;width:180px;height:35px;position:absolute;top:-20px;left:-10px;box-shadow:0 4px 6px #0000000d}.gift-box-body{background-color:var(--pastel-pink-light);z-index:5;width:160px;height:145px;box-shadow:var(--shadow-premium);border-radius:0 0 12px 12px;position:absolute;top:15px;left:0}.gift-box-ribbon{z-index:8;background-color:#fff;width:20px;height:180px;position:absolute;top:-20px;left:70px}.gift-box-ribbon:before{content:"";border:15px solid #fff;border-radius:50% 50% 0;width:60px;height:40px;position:absolute;top:-20px;left:-20px;transform:rotate(-25deg)}.gift-box-ribbon:after{content:"";border:15px solid #fff;border-radius:50% 50% 50% 0;width:60px;height:40px;position:absolute;top:-20px;left:-20px;transform:rotate(25deg)}.wiggling{animation:2s ease-in-out infinite wiggleBox}@keyframes wiggleBox{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-5deg)}20%,40%{transform:rotate(5deg)}50%{transform:rotate(0)}}.gift-grid{grid-template-columns:repeat(3,1fr);gap:15px;width:100%;margin-top:10px;padding:0 10px;display:grid}.gift-card{border-radius:var(--border-radius-soft);box-shadow:var(--shadow-cozy);cursor:pointer;background:#fff;border:2px solid #0000;flex-direction:column;align-items:center;padding:16px 8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.gift-card:hover{box-shadow:var(--shadow-premium);transform:translateY(-5px)}.gift-miniature{justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:12px;display:flex}.mini-box{border-radius:4px;width:45px;height:45px;position:relative}.mini-lid{border-radius:2px;width:53px;height:10px;position:absolute;top:-5px;left:-4px}.color-pink{background-color:var(--pastel-pink-light)}.color-pink .mini-lid{background-color:var(--pastel-pink)}.color-sage{background-color:var(--pastel-sage-light)}.color-sage .mini-lid{background-color:var(--pastel-sage)}.color-gold{background-color:var(--pastel-gold-light)}.color-gold .mini-lid{background-color:var(--pastel-gold)}.gift-label{font-family:var(--font-headings);color:var(--text-primary);text-align:center;font-size:.8rem;font-weight:600}.check-mark{background-color:var(--pastel-sage);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:-5px;right:-5px;transform:scale(.5)}.gift-card.visited{border-color:var(--pastel-sage)}.gift-card.visited .check-mark{opacity:1;transform:scale(1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background-color:#4d3b3266;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--bg-cream);border-radius:var(--border-radius-soft);flex-direction:column;width:100%;max-width:400px;max-height:90vh;padding:30px 24px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #4d3b3226}.modal-container.scrollable{overflow-y:auto}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:15px;right:15px}.modal-close:hover{color:var(--text-primary)}.modal-title{font-family:var(--font-headings);color:var(--text-primary);text-align:center;margin-bottom:5px;font-size:1.45rem}.modal-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:25px;padding:0 10px;font-size:.85rem}.modal-done-btn{width:100%;margin-top:10px}.polaroid-gallery{width:100%;height:380px;margin-bottom:10px;position:relative;overflow:visible}.polaroid{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #4d3b320a;border-radius:4px;width:220px;padding:12px 12px 24px;position:absolute;top:40px;left:calc(50% - 110px);box-shadow:0 8px 20px #4d3b3214}.polaroid:active{cursor:grabbing}.polaroid-img-wrapper{background-color:#f7f2e8;border-radius:2px;width:100%;height:180px;overflow:hidden}.polaroid img{object-fit:cover;pointer-events:none;width:100%;height:100%}.polaroid-caption{font-family:var(--font-letter);text-align:center;color:var(--text-secondary);margin-top:14px;font-size:.85rem;font-style:italic;line-height:1.4}.polaroid:before{content:"";background-color:#f5dcdc99;width:30%;height:20px;position:absolute;top:-12px;left:35%;transform:rotate(-2deg)}.binder-cover-card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#fceade 0%,#f3d6ce 50%,#e6beaf 100%);border:3px solid #d4a391;border-radius:18px;flex-direction:column;align-items:center;margin:15px 0;padding:24px 20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #6e4b3c33,inset 0 2px 4px #fff9}.binder-cover-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 16px 36px #6e4b3c47}.binder-spine-line{opacity:.6;background:repeating-linear-gradient(#8c5e4e 0 8px,#0000 8px 16px);border-radius:4px;width:10px;position:absolute;top:0;bottom:0;left:14px}.binder-open-container{background:#fdfbf7;border:2px solid #e0d0c1;border-radius:16px;padding:16px 12px;position:relative;box-shadow:0 8px 24px #4d3b3214}.binder-rings{justify-content:space-around;margin-bottom:12px;padding:0 15px;display:flex}.binder-ring{background:linear-gradient(#d8d8d8 0%,#888 50%,#f0f0f0 100%);border-radius:6px;width:12px;height:22px;box-shadow:0 2px 4px #0000004d}.binder-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:50vh;padding:6px;display:grid;overflow-y:auto}.binder-grid-item{cursor:pointer;background:#fff;border:1px solid #f0e6dd;border-radius:8px;padding:8px 8px 12px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 3px 10px #4d3b321a}.binder-grid-item:hover{transform:scale(1.04);box-shadow:0 6px 16px #4d3b322e}.binder-grid-thumb{object-fit:cover;background-color:#f7f2e8;border-radius:4px;width:100%;height:110px}.binder-grid-caption{font-family:var(--font-handwritten);color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:.82rem;overflow:hidden}.blindbox-game-container{justify-content:center;align-items:center;min-height:260px;display:flex}.blindbox-wrapper{flex-direction:column;align-items:center;display:flex}.blindbox-package{background-color:var(--pastel-sage);width:120px;height:150px;box-shadow:var(--shadow-premium);cursor:pointer;border:3px dashed #fff;border-radius:8px;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:relative}.package-design{font-family:var(--font-headings);color:#fff;font-size:4rem;font-weight:700}.blindbox-hint{color:var(--text-secondary);text-align:center;margin-top:15px;font-size:.9rem}.taps-counter{color:var(--accent-red);margin-top:8px;font-size:.85rem;font-weight:600}.blindbox-reveal-container{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.reveal-glow{z-index:1;background:radial-gradient(circle,#f3d17c80 0%,#fff0 70%);width:180px;height:180px;position:absolute}.collectible-image{z-index:5;filter:drop-shadow(0 10px 15px #4d3b3226);width:140px;height:auto}.collectible-title{font-family:var(--font-headings);color:var(--text-primary);z-index:5;margin-top:15px;font-size:1.25rem}.collectible-desc{color:var(--text-secondary);text-align:center;z-index:5;margin:6px 0 15px;padding:0 10px;font-size:.85rem}.necklace-reveal-container{flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.jewel-box-wrapper{perspective:1000px;justify-content:center;align-items:flex-end;height:140px;margin-bottom:20px;display:flex}.jewel-box{cursor:pointer;width:130px;height:90px;transform-style:preserve-3d;background:linear-gradient(145deg,#8c1c1c 0%,#520c0c 60%,#380707 100%);border:2px solid #f0cb7a;border-radius:8px 8px 18px 18px;transition:transform .4s,box-shadow .4s;position:relative;box-shadow:0 16px 40px #42080873,inset 0 2px 4px #ffffff40}.jewel-box:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 48px #4208088c,0 0 20px #f0cb7a66}.jewel-box-lid{transform-origin:top;z-index:10;background:linear-gradient(145deg,#a62626 0%,#781717 70%,#4a0a0a 100%);border:2px solid #f0cb7a;border-radius:14px 14px 4px 4px;justify-content:center;align-items:flex-end;width:calc(100% + 4px);height:32px;padding-bottom:2px;transition:transform .85s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-24px;left:-2px;box-shadow:0 4px 12px #0000004d,inset 0 2px 4px #ffffff4d}.jewel-box-lid:after{content:"✦";color:#380707;background:linear-gradient(135deg,#f0cb7a,#d4a84b);border-radius:4px;justify-content:center;align-items:center;width:22px;height:12px;font-size:.7rem;display:flex;box-shadow:0 2px 5px #0000004d}.jewel-box-base{background:radial-gradient(circle,#2d0505 0%,#140202 100%);border:1px solid #f0cb7a59;border-radius:4px 4px 12px 12px;justify-content:center;align-items:center;width:110px;height:70px;display:flex;position:absolute;top:8px;left:8px;overflow:visible;box-shadow:inset 0 4px 15px #000c}.necklace-image{opacity:.2;filter:drop-shadow(0 0 6px #f0cb7a66);z-index:5;width:85px;height:auto;transition:opacity .8s .3s,transform .85s cubic-bezier(.34,1.56,.64,1) .3s,filter .8s .3s;position:relative;transform:scale(.65)translateY(5px)}.keepsake-hint{font-family:var(--font-handwritten);color:var(--text-secondary);text-align:center;margin-top:10px;font-size:1rem}.jewel-box.open .jewel-box-lid{transform:rotateX(-125deg)translateY(-15px)translateZ(10px);box-shadow:0 -10px 25px #0003}.jewel-box.open .necklace-image{opacity:1;filter:drop-shadow(0 10px 25px #f0cb7af2)drop-shadow(0 0 35px #f0cb7a99);transform:scale(1.35)translateY(-36px)}.necklace-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#f0cb7a8c 0%,#f9c8d440 45%,#0000 70%);border-radius:50%;width:180px;height:180px;transition:opacity .8s .3s;animation:3s ease-in-out infinite auraPulse;position:absolute;top:10px}@keyframes auraPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}.jewel-box.open~.necklace-glow{opacity:1}.keepsake-message{text-align:center;padding:0 10px}.romantic-quote{font-family:var(--font-headings);color:var(--text-primary);margin-top:15px;font-size:1.05rem;font-weight:700}.keepsake-note{font-family:var(--font-letter);color:var(--text-secondary);margin-top:6px;font-size:.9rem;font-style:italic;line-height:1.5}#starry-scene{color:#fff;background:linear-gradient(#0d0826 0%,#1c183e 50%,#2f2552 100%)}.starry-sky{pointer-events:none;z-index:2;width:100%;height:80%;position:absolute;top:0;left:0}.stars{opacity:.75;background-image:radial-gradient(1px 1px at 10% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 20% 30%,#fff,#0000),radial-gradient(1.2px 1.2px at 40% 70%,#fffc,#0000),radial-gradient(2px 2px at 50% 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 80% 15%,#fff,#0000),radial-gradient(1px 1px at 90% 60%,#fff,#0000),radial-gradient(1.5px 1.5px at 70% 80%,#ffffffb3,#0000);background-repeat:repeat;background-size:300px 300px;width:100%;height:100%;animation:5s ease-in-out infinite alternate twinklingStars;position:absolute}@keyframes twinklingStars{0%{opacity:.5}to{opacity:.95}}.crescent-moon{width:50px;height:50px;box-shadow:-10px 10px 0 0 var(--pastel-gold);filter:drop-shadow(0 0 15px #f3d17c66);border-radius:50%;position:absolute;top:40px;right:50px}.shooting-stars-container{width:100%;height:100%;position:absolute;overflow:hidden}.shooting-star{opacity:0;background:linear-gradient(90deg,#fff 0%,#fff0 100%);width:80px;height:2px;animation:2.5s ease-out infinite shoot;position:absolute;transform:rotate(-35deg)}@keyframes shoot{0%{opacity:0;transform:translate(0)rotate(-35deg)}5%{opacity:1}15%{opacity:0;transform:translate(-150px,100px)rotate(-35deg)}to{opacity:0;transform:translate(-150px,100px)rotate(-35deg)}}.starry-letter-container{flex-direction:column;justify-content:center;align-items:center;height:auto;margin-top:10px;margin-bottom:8px;padding:0 10px;display:flex}.starry-line{font-family:var(--font-letter);color:#ebdcdc;text-align:center;max-width:90%;font-size:1.15rem;line-height:1.8}.starry-line:first-child{font-family:var(--font-headings);color:#fff;text-shadow:0 2px 10px #00000080;margin-bottom:12px;font-size:1.95rem;font-weight:700}.stargazing-couple-wrapper{z-index:5;justify-content:center;width:100%;margin-top:10px;display:flex;position:relative}.stargazing-couple{filter:drop-shadow(0 -5px 15px #0d082680);border-radius:12px;width:160px;max-width:80%;height:auto}.starry-hill-silhouette{z-index:3;background-color:#0b071e;border-radius:50% 50% 0 0/25px 25px 0 0;width:100%;height:80px;position:absolute;bottom:0;left:0}#make-wish-btn{z-index:10;background-color:var(--pastel-gold);width:auto;min-width:160px;color:var(--text-primary);margin-top:15px;position:relative;bottom:auto;left:auto;box-shadow:0 6px 20px #f3d17c66}#make-wish-btn:hover{background-color:#edd18a;box-shadow:0 10px 25px #f3d17c99}@media (height<=650px){body{font-size:15px}.scene{padding:20px 15px}.mascot-container{width:160px;height:160px;margin:10px auto 20px}.envelope{width:280px;height:190px}.envelope-flap{border-top-width:105px;border-left-width:140px;border-right-width:140px}.envelope-front{border-bottom-width:95px;border-left-width:140px;border-right-width:140px;top:95px}.envelope-paper{width:260px;height:170px}.envelope.open-paper .envelope-paper{height:380px;bottom:-95px}.main-gift-wrapper{height:160px;margin-bottom:20px}.gift-box{width:120px;height:120px}.gift-box-lid{width:140px;height:28px;top:-15px}.gift-box-body{width:120px;height:110px;top:10px}.gift-box-ribbon{width:16px;height:140px;top:-15px;left:52px}.gift-card{padding:10px 5px}.gift-miniature{width:45px;height:45px;margin-bottom:5px}.mini-box{width:30px;height:30px}.mini-lid{width:36px;height:8px;top:-4px;left:-3px}.polaroid-gallery{height:290px}.polaroid{width:180px;padding:10px 10px 18px;top:20px;left:calc(50% - 90px)}.polaroid-img-wrapper{height:140px}.stargazing-couple{width:180px}.starry-letter-container{height:180px}}.golden-ticket-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.golden-ticket{background:linear-gradient(135deg,#fbeed1 0%,#f3d17c 50%,#edd18a 100%);border:1px solid #4d3b321a;border-radius:12px;width:280px;padding:8px;position:relative;overflow:visible;box-shadow:0 10px 25px #f3d17c66}.ticket-border{border:2px dashed var(--text-primary);text-align:center;border-radius:8px;padding:16px 12px}.ticket-punch-left,.ticket-punch-right{background-color:var(--bg-cream);z-index:5;border-radius:50%;width:24px;height:24px;position:absolute;top:calc(50% - 12px)}.ticket-punch-left{left:-12px;box-shadow:inset -3px 0 5px #4d3b320d}.ticket-punch-right{right:-12px;box-shadow:inset 3px 0 5px #4d3b320d}.ticket-title{font-family:var(--font-headings);letter-spacing:1.5px;color:var(--text-primary);margin-bottom:4px;font-size:1.25rem;font-weight:700}.ticket-subtitle{font-family:var(--font-headings);color:var(--text-secondary);border-bottom:1px dashed #4d3b3226;margin-bottom:10px;padding-bottom:8px;font-size:.8rem;font-weight:600}.ticket-desc{font-family:var(--font-body);color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.5}.album-lightbox{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:500;background-color:#4d3b32b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.album-card{border-radius:var(--border-radius-soft);background:#fff;border:1px solid #4d3b3214;width:100%;max-width:400px;padding:20px;position:relative;box-shadow:0 30px 60px #00000040}.album-close-btn{color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;font-size:2.2rem;line-height:1;position:absolute;top:5px;right:15px}.album-close-btn:hover{color:var(--text-primary)}.album-content{flex-direction:column;align-items:center;width:100%;display:flex}.album-image-wrapper{background-color:var(--bg-dark-cream);border-radius:12px;width:100%;height:250px;overflow:hidden;box-shadow:inset 0 0 15px #0000000d}.album-image-wrapper img{object-fit:cover;width:100%;height:100%}.album-caption{font-family:var(--font-letter);text-align:center;color:var(--text-primary);margin-top:15px;padding:0 10px;font-size:1.05rem;font-style:italic;line-height:1.6}.album-nav{border-top:1px dashed #4d3b321a;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-top:12px;display:flex}.album-nav-btn{background:var(--bg-cream);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:1px solid #4d3b321a;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:500;line-height:1;transition:all .2s;display:flex}.album-nav-btn:hover{background:var(--pastel-pink-light);border-color:var(--pastel-pink);transform:scale(1.05)}.album-counter{font-family:var(--font-headings);color:var(--text-secondary);font-size:.85rem;font-weight:600}.ticket-inspector-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:500;background-color:#4d3b32b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.inspected-ticket-card{perspective:1000px;width:100%;max-width:320px;position:relative}.inspected-ticket{background:linear-gradient(135deg,#fdf6e2 0%,#f3d17c 50%,#e6be5c 100%);border:1px solid #4d3b321f;border-radius:16px;padding:10px;position:relative;overflow:visible;box-shadow:0 25px 60px #f3d17c80}.inspected-border{border:2px dashed var(--text-primary);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:25px 18px 20px;display:flex}.premium-star-badge{letter-spacing:4px;color:#c98e26;margin-bottom:8px;font-size:.8rem}.inspected-title{font-family:var(--font-headings);letter-spacing:2px;color:var(--text-primary);text-shadow:0 1px 1px #fff9;font-size:1.65rem;font-weight:800}.inspected-subtitle{font-family:var(--font-headings);color:var(--text-secondary);border-bottom:1px dashed #4d3b3233;width:100%;margin-bottom:15px;padding-bottom:12px;font-size:.9rem;font-weight:700}.inspected-body{width:100%}.inspected-desc-text{font-family:var(--font-body);color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.6}.ticket-coupon-code{border:1px dashed var(--text-secondary);font-family:var(--font-headings);letter-spacing:1px;color:var(--text-primary);background:#fff6;border-radius:8px;margin:15px 0;padding:8px 12px;font-size:.85rem;font-weight:700}.inspected-terms{font-family:var(--font-body);color:var(--text-secondary);margin-top:10px;font-size:.72rem;font-style:italic;line-height:1.4}.inspect-close-btn{width:100%;margin-top:25px;font-size:.95rem;background-color:var(--text-primary)!important;color:#fff!important}.inspected-punch-left,.inspected-punch-right{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background-color:#4d3b32bf;border-radius:50%;width:30px;height:30px;position:absolute;top:calc(50% - 15px)}.inspected-punch-left{left:-15px}.inspected-punch-right{right:-15px}.shining-foil{z-index:10;pointer-events:none;background:linear-gradient(105deg,#fff0 20%,#fff6 40%,#fff9 50%,#fff6 60%,#fff0 80%) 0 0/200% 200%;border-radius:16px;width:100%;height:100%;animation:4s linear infinite shineFoil;position:absolute;top:0;left:0}@keyframes shineFoil{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=480px){.album-card{max-width:90vw}.album-image-wrapper{height:200px}.inspected-ticket-card{max-width:85vw}}.special-ticket{cursor:pointer;background:linear-gradient(135deg,#fbeaea 0%,#eab8b8 50%,#e09898 100%);border:1px solid #4d3b321a;border-radius:12px;width:280px;padding:8px;transition:transform .3s;position:relative;overflow:visible;box-shadow:0 10px 25px #eab8b866}.inspected-special-ticket{background:linear-gradient(135deg,#fbeaea 0%,#eab8b8 50%,#e09898 100%);border:1px solid #4d3b321f;border-radius:16px;padding:10px;position:relative;overflow:visible;box-shadow:0 25px 60px #eab8b880}.storybook-3d-card{width:100%;max-width:400px;transform-style:preserve-3d;cursor:pointer;background:#fdfaf5;border-radius:12px 22px 22px 12px;min-height:420px;margin:0 auto;position:relative;box-shadow:0 18px 40px #3d2f2733,0 4px 12px #3d2f271a,inset -4px 0 10px #0000000a}.storybook-spine-ribbon{z-index:5;background:linear-gradient(90deg,#6b4c38,#8b6b55 70%,#5c412f);border-radius:12px 0 0 12px;width:20px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 2px 0 4px #fff3,inset -2px 0 4px #00000059}.storybook-spine-ribbon:after{content:"";background:#f0cb7ab3;width:2px;position:absolute;top:12px;bottom:12px;left:8px;box-shadow:0 0 4px #f0cb7acc}.storybook-page-stack-right{z-index:1;background:repeating-linear-gradient(#fdfaf5,#fdfaf5 2px,#eedfc8 3px 4px);border-radius:0 8px 8px 0;width:14px;position:absolute;top:6px;bottom:6px;right:-8px;box-shadow:inset 3px 0 6px #0000001f}.storybook-under-page{text-align:center;z-index:2;border:1px dashed var(--pastel-pink-deep);background:#fdfaf5;border-radius:0 20px 20px 0;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex;position:absolute;inset:0 0 0 20px}.storybook-front-leaf{z-index:10;text-align:center;transform-origin:0;transform-style:preserve-3d;background:linear-gradient(135deg,#fffcfa 0%,#faeee7 60%,#f5e4da 100%);border:3px solid #8b6b55;border-radius:12px 22px 22px 12px;flex-direction:column;align-items:center;padding:16px 18px 18px 28px;display:flex;position:relative;box-shadow:6px 0 20px #3d2f2726}.love-envelope-wrapper{perspective:1000px;cursor:pointer;width:100%;max-width:360px;height:250px;margin:20px auto 0;position:relative}.envelope-base-back{background:linear-gradient(135deg,#fce8e8 0%,#f5d3d3 100%);border:2px solid #e8a0a066;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 15px 35px #e8a0a059}.envelope-inner-parchment{border:1px dashed var(--pastel-pink-deep);z-index:2;text-align:center;background:#fffdfa;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:210px;padding:16px;display:flex;position:absolute;top:15px;left:18px;right:18px;box-shadow:0 4px 15px #3d2f2714}.parchment-preview-text{flex-direction:column;align-items:center;gap:6px;display:flex}.parchment-preview-text .preview-heart{font-size:1.8rem}.parchment-preview-text p{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:600}.envelope-top-flap{clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:top;z-index:10;background:linear-gradient(#fae0e0 0%,#f7d5d5 100%);border-top-left-radius:16px;border-top-right-radius:16px;width:100%;height:130px;position:absolute;top:0;left:0;box-shadow:0 4px 10px #00000014}.envelope-pocket-front{clip-path:polygon(0 40%,50% 75%,100% 40%,100% 100%,0 100%);z-index:5;background:linear-gradient(135deg,#feeeeef2 0%,#f5d3d3f2 100%);border-radius:0 0 16px 16px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 -2px 10px #0000000a}.wax-seal-disk{z-index:20;cursor:pointer;background:radial-gradient(circle at 30% 30%,#e63946,#b71c1c);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:95px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #b71c1c73,inset 0 2px 4px #fff6,0 0 0 3px #f0cb7a99}.seal-heart-icon{font-size:1.3rem;line-height:1}.seal-text-glow{color:#f0cb7a;letter-spacing:.8px;margin-top:1px;font-size:.62rem;font-weight:800}.envelope-hint-text{text-align:center;font-family:var(--font-handwritten);color:var(--text-muted);font-size:1.05rem;position:absolute;bottom:-45px;left:0;right:0}.love-letter-modal-card{border:2px solid var(--pastel-pink-deep);background:linear-gradient(135deg,#fffdfa 0%,#faf5ed 100%);border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:420px;max-height:75vh;padding:24px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #3d2f272e,0 0 25px #f0cb7a40}.letter-header-decoration{text-align:center;width:100%;margin-bottom:12px}.letter-stamp{font-family:var(--font-headings);color:var(--warm-brown);background:var(--pastel-pink-light);letter-spacing:.5px;border-radius:12px;margin-bottom:6px;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-block}.letter-salutation{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:1.55rem}.letter-decorative-line{background:linear-gradient(90deg, transparent, var(--pastel-pink-deep), transparent);width:70%;height:2px;margin:8px auto 0}.letter-text-content{font-family:var(--font-letter);color:var(--text-primary);text-align:left;width:100%;max-height:40vh;margin:10px 0;padding-right:6px;font-size:1.05rem;line-height:1.75;overflow-y:auto}.typing-skip-hint{color:var(--text-muted);margin-top:4px;font-size:.78rem;font-style:italic}.letter-footer-action{justify-content:center;width:100%;margin-top:14px;display:flex}.scene-wrapper{width:100%;height:100%;position:absolute;inset:0}.chapter-scene{background:var(--bg-cream);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:20px 16px;display:flex;position:relative;overflow:hidden auto}.chapter-scene:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(at 20% 15%,#f9dcc433 0%,#0000 55%),radial-gradient(at 80% 85%,#f2c4c424 0%,#0000 55%);position:absolute;inset:0}.chapter-header{z-index:2;flex-direction:column;align-items:center;width:100%;padding:0 24px 8px;display:flex;position:relative}.chapter-label{font-family:var(--font-handwritten);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:3px;font-size:.88rem;font-weight:500}.chapter-title{font-family:var(--font-heading);color:var(--text-primary);text-align:center;font-size:1.5rem;font-weight:700;line-height:1.3}.chapter-divider{background:linear-gradient(90deg, transparent, var(--pastel-pink-deep), transparent);border-radius:2px;width:48px;height:2px;margin:8px auto 0}.chapter-body{z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:12px 24px 16px;display:flex;position:relative}.capy-narrator{object-fit:contain;filter:drop-shadow(0 4px 10px #3d2f271a);width:88px;height:88px;margin-bottom:10px}.capy-narrator-corner{object-fit:contain;opacity:.7;z-index:3;pointer-events:none;width:56px;height:56px;position:absolute;bottom:16px;right:16px}.btn-storybook{background:var(--text-primary);color:#fdfaf5;font-family:var(--font-handwritten);cursor:pointer;letter-spacing:.2px;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:8px;margin-top:20px;padding:13px 32px;font-size:1.1rem;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 6px 20px #3d2f2733}.btn-storybook:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 28px #3d2f2747}.btn-storybook:active{transform:scale(.97)}.btn-storybook.btn-open{background:linear-gradient(135deg,#7a5c48,#5a3d2d);padding:15px 38px;font-size:1.15rem}.btn-storybook.btn-gold{color:#3d2f27;background:linear-gradient(135deg,#e8b84b,#c9952a);box-shadow:0 6px 20px #c8942a4d}.btn-storybook.btn-final{color:#f3d17c;background:linear-gradient(135deg,#2d2550,#1a1535);box-shadow:0 6px 24px #2d255059}.btn-storybook.btn-replay{color:#f3d17ccc;box-shadow:none;background:0 0;border:1.5px solid #f3d17c80;margin-top:10px;padding:10px 24px;font-size:.95rem}.btn-storybook.btn-replay:hover{color:#f3d17c;background:#f3d17c14;border-color:#f3d17c;transform:translateY(-1px)}.story-narration{font-family:var(--font-letter);color:var(--text-secondary);text-align:center;font-size:1rem;font-style:italic;line-height:2}.handwritten-note{font-family:var(--font-handwritten);color:var(--text-muted);text-align:center;font-size:1.05rem;line-height:1.7}.music-toggle-btn{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#fdfaf5e6;border:1px solid #3d2f271a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .2s;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 2px 10px #3d2f271a}.music-toggle-btn:hover{transform:scale(1.1)}#cover-scene{background:linear-gradient(150deg,#fff8f0 0%,#fdeee4 50%,#fde8ea 100%)}#ch1-scene{background:linear-gradient(150deg,#fffcf5 0%,#fef7e4 50%,#feeee4 100%)}#ch2-scene{background:linear-gradient(150deg,#fdfaf5 0%,#faf4e8 100%)}#ch3-scene{background:linear-gradient(150deg,#fff5f5 0%,#fde8e8 50%,#fef2e4 100%)}#ch4-scene{background:linear-gradient(150deg,#fdfaf5 0%,#f3eeff 50%,#fce4ef 100%)}#ch5-scene{background:linear-gradient(150deg,#f5faff 0%,#e8f2ff 50%,#f0f0ff 100%)}#ch6-scene{background:linear-gradient(150deg,#fdfaf5 0%,#fef2e8 50%,#fde8e8 100%)}.cover-petal{opacity:.45;pointer-events:none;font-size:1.3rem;position:absolute}@keyframes petalFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-14px)rotate(8deg)}66%{transform:translateY(-6px)rotate(-6deg)}}@keyframes capyWalk{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}.capy-walk{animation:2.8s ease-in-out infinite capyWalk}.memory-chapter-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:340px;display:grid}.memory-polaroid-card{cursor:zoom-in;background:#fff;border-radius:6px;padding:8px 8px 26px;transition:all .28s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 4px 14px #3d2f271a}.memory-polaroid-card:nth-child(odd){transform:rotate(-1.5deg)}.memory-polaroid-card:nth-child(2n){transform:rotate(1.5deg)}.memory-polaroid-card:hover,.memory-polaroid-card:active{z-index:5;box-shadow:0 10px 28px #3d2f272e;transform:scale(1.06)rotate(0)!important}.memory-polaroid-img{aspect-ratio:1;object-fit:cover;border-radius:3px;width:100%}.memory-polaroid-caption{font-family:var(--font-handwritten);color:var(--text-muted);text-align:center;font-size:.75rem;position:absolute;bottom:5px;left:0;right:0}@media (width<=390px){.chapter-title{font-size:1.25rem}.btn-storybook{padding:11px 26px;font-size:1rem}.capy-narrator{width:70px;height:70px}}