:root{--text:#4a3e3d;--text-light:#7a6e6d;--bg-cream:#fffbf5;--blush-pink:#ffeef2;--soft-lavender:#f4ecff;--subtle-gold:#e8c582;--gold-glow:#e8c5824d;--glass-bg:#ffffff80;--glass-border:#fff9;--font-serif:"Playfair Display", Georgia, serif;--font-kawaii:"Fredoka", cursive, sans-serif;--font-sans:"Quicksand", sans-serif;--shadow-soft:0 10px 30px -5px #deb4bd4d;--shadow-glow:0 0 15px #e8c58266}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-cream);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}body.no-scroll{touch-action:none;overflow:hidden!important}#root{width:100%;min-height:100vh;position:relative}.text-serif{font-family:var(--font-serif)}.text-kawaii{font-family:var(--font-kawaii)}.text-sans{font-family:var(--font-sans)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:24px}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes float-medium{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(-3deg)}}@keyframes breathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes stars-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.float-slow{animation:6s ease-in-out infinite float-slow}.float-medium{animation:5s ease-in-out infinite float-medium}.breathe{animation:4s ease-in-out infinite breathe}.twinkle{animation:3s ease-in-out infinite stars-twinkle}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e5c07b66;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#e5c07b99}.curtain-overlay{z-index:50;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.curtain-panel{z-index:20;background-color:#ffeef2;width:50%;height:100%;display:flex;position:absolute;top:0;overflow:hidden}.curtain-left{border-right:1px solid #ffcbd54d;justify-content:center;align-items:flex-end;left:0;box-shadow:20px 0 50px #0000000d}.curtain-right{border-left:1px solid #ffcbd54d;justify-content:center;align-items:flex-start;right:0;box-shadow:-20px 0 50px #0000000d}.curtain-line-left{opacity:.5;background:linear-gradient(#0000,#ffd1db,#0000);width:1px;height:100%;position:absolute;right:0}.curtain-line-right{opacity:.5;background:linear-gradient(#0000,#ffd1db,#0000);width:1px;height:100%;position:absolute;left:0}.curtain-content{z-index:30;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.curtain-btn{-webkit-backdrop-filter:blur(12px);width:80px;height:80px;box-shadow:var(--shadow-soft);background:#fffc;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.curtain-btn:hover{background:#fff;transform:scale(1.05)}.curtain-btn-glow{opacity:.75;background:#f4d6a366;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.curtain-bg{z-index:10;background-color:#ffeef2;position:absolute;inset:0}.sakura-petal{opacity:.8;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffe3e8 0%,#ffd0d8 100%);border-radius:50% 0 50% 50%;position:absolute;box-shadow:0 2px 5px #ffb6c133}.sparkle-particle{pointer-events:none;z-index:100;animation:.8s cubic-bezier(.1,.8,.3,1) forwards sparkle-explode;position:absolute}@keyframes sparkle-explode{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{transform:translate(var(--tx), var(--ty)) scale(0) rotate(var(--rot));opacity:0}}.sky-lantern{pointer-events:none;z-index:1;filter:drop-shadow(0 0 10px #e8c58299);position:absolute}.envelope-container{perspective:1000px;cursor:pointer;width:320px;height:220px;margin:0 auto;position:relative}.envelope{width:100%;height:100%;box-shadow:var(--shadow-soft);transform-style:preserve-3d;background:#fff0f3;border:1px solid #e5c07b66;border-radius:12px;transition:transform .5s;position:relative}.envelope-flap{transform-origin:top;z-index:5;border-top:110px solid #ffd0d8;border-left:160px solid #0000;border-right:160px solid #0000;width:0;height:0;transition:transform .4s .2s,z-index .1s .3s;position:absolute;top:0;left:0}.envelope.open .envelope-flap{z-index:1;border-top-color:#ffb8c6;transform:rotateX(180deg)}.envelope-pocket{z-index:4;border-bottom:110px solid #ffd8e0;border-left:160px solid #ffe3e8;border-right:160px solid #ffe3e8;border-radius:0 0 12px 12px;width:0;height:0;position:absolute;bottom:0;left:0}.envelope-pocket:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#e8c5821a 100%);border-radius:0 0 12px 12px;width:320px;height:110px;position:absolute;bottom:-110px;left:-160px}.envelope-letter{z-index:2;border:1px dashed var(--subtle-gold);background:#fff;border-radius:8px;width:290px;height:190px;padding:20px;transition:transform .6s cubic-bezier(.175,.885,.32,1.275) .3s,z-index .1s .4s;position:absolute;bottom:10px;left:15px;box-shadow:0 2px 10px #0000000d}.envelope.open .envelope-letter{z-index:6;transform:translateY(-130px)scale(1.05);box-shadow:0 15px 30px #deb4bd66}.envelope-seal{background:var(--subtle-gold);z-index:6;color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:transform .3s,opacity .3s;display:flex;position:absolute;top:90px;left:140px;box-shadow:0 4px 10px #b8860b4d}.envelope.open .envelope-seal{opacity:0;transform:scale(0)rotate(180deg)}.polaroid-frame{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #0000000d;border-radius:4px;padding:12px 12px 24px;transition:transform .2s ease-out;display:inline-block;position:relative}.polaroid-image-container{aspect-ratio:1;background:#fbfbfb;border:1px solid #00000005;border-radius:2px;width:100%;overflow:hidden}.polaroid-image-container img{object-fit:cover;width:100%;height:100%}.polaroid-caption{font-family:var(--font-kawaii);text-align:center;color:var(--text-light);letter-spacing:.5px;margin-top:12px;font-size:16px}.story-section{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 24px;display:flex;position:relative;overflow:hidden}.mobile-container{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;display:flex}.timeline-path{z-index:1;border-left:2px dashed #e8c58299;width:2px;position:absolute;top:10%;bottom:10%;left:50%;transform:translate(-50%)}.timeline-dot{border:2px solid var(--subtle-gold);z-index:2;width:48px;height:48px;box-shadow:var(--shadow-soft);color:var(--subtle-gold);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.kawaii-cloud{filter:drop-shadow(0 8px 15px #deb4bd33)}.hearts-tapping-area{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:280px;margin-top:24px;display:grid}.blessing-heart-btn{height:60px;box-shadow:var(--shadow-soft);cursor:pointer;background:#fff;border:1px solid #ffb8c666;border-radius:16px;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:visible}.blessing-heart-btn:active{transform:scale(.9)}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:320px;margin-top:30px;display:grid}.countdown-box{-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);background:#ffffffa6;border:1px solid #ffffffb3;border-radius:16px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.countdown-number{font-family:var(--font-kawaii);color:var(--text);font-size:24px;font-weight:700;line-height:1.2}.countdown-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-top:4px;font-size:11px;font-weight:500}