@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 20% 20%,#ff2d6e26,#0000 30%),radial-gradient(circle at 80% 80%,#9632ff1f,#0000 30%),#090509;font-family:DM Sans,sans-serif;overflow-x:hidden}button{font-family:inherit}h1,h2,h3{font-family:Playfair Display,serif}.app{min-height:100vh}.gradient-text{background:linear-gradient(90deg,#ff4f87,#ffb1c8,#fff,#ff4f87) 0 0/300%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}to{background-position:300%}}.welcome{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex;position:relative;overflow:hidden}.welcome-content{z-index:2;max-width:850px;position:relative}.eyebrow{color:#ff7fa5;text-transform:uppercase;letter-spacing:4px;margin-bottom:25px;font-size:13px}.welcome h1{margin-bottom:30px;font-size:clamp(60px,10vw,120px);line-height:1}.welcome p{color:#c9c0c5;max-width:600px;margin:auto;font-size:18px;line-height:1.8}.welcome h2{margin-top:30px;font-size:clamp(25px,4vw,40px)}.buttons{justify-content:center;gap:20px;min-height:70px;margin-top:45px;display:flex;position:relative}.yes-button,.no-button{cursor:pointer;border:none;border-radius:50px;padding:16px 35px;font-size:16px;font-weight:600}.yes-button{color:#fff;background:linear-gradient(135deg,#ff477e,#ff165d);box-shadow:0 15px 50px #ff1e6459}.no-button{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.floating-hearts{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.floating-hearts span{opacity:.6;animation:linear forwards heartFloat;position:absolute;bottom:-50px}@keyframes heartFloat{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:.7}to{opacity:0;transform:translateY(-110vh)translate(100px)rotate(360deg)}}.home-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:75vh;padding:40px 20px;display:flex}.home-hero>p{color:#ff6f9c;letter-spacing:5px;margin-bottom:25px;font-size:12px}.home-hero h1{font-size:clamp(50px,9vw,100px);line-height:1}.home-hero span{color:#aaa;margin-top:30px;font-size:18px}.category-section{max-width:1200px;margin:auto;padding:100px 30px}.section-heading{text-align:center;margin-bottom:60px}.section-heading span{color:#ff6f9c;letter-spacing:4px;font-size:12px}.section-heading h2{margin-top:15px;font-size:55px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;display:grid}.category-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;min-height:260px;padding:40px 25px;transition:all .4s}.category-card:hover{background:#ff3c7814;border-color:#ff5a8c80;transform:translateY(-10px)}.category-icon{margin-bottom:25px;font-size:50px}.category-card h3{margin-bottom:10px;font-size:25px}.category-card p{color:#aaa;line-height:1.6}.simple-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:80px 30px;display:flex}.simple-section>span{color:#ff6f9c;letter-spacing:4px;font-size:12px}.simple-section h2{margin:20px 0;font-size:clamp(45px,7vw,80px)}.simple-section p{color:#aaa;max-width:600px;font-size:18px;line-height:1.8}.final-section{min-height:100vh}.big-heart{font-size:80px;animation:1.5s infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.12)}}.home-hero{position:relative}.hero-description{color:#aaa;max-width:650px;margin:25px auto 0;line-height:1.8}.explore-button{color:#fff;cursor:pointer;background:#ff467814;border:1px solid #ff649666;border-radius:50px;margin-top:35px;padding:14px 30px;font-size:15px;transition:all .3s}.explore-button:hover{background:#ff46782e;transform:translateY(-3px);box-shadow:0 10px 40px #ff327833}.card-arrow{color:#ff6f9c;opacity:0;margin-top:20px;font-size:13px;transition:all .3s;display:block;transform:translateY(5px)}.category-card:hover .card-arrow{opacity:1;transform:translateY(0)}.story-section{text-align:center;justify-content:center;align-items:center;min-height:85vh;padding:120px 30px;display:flex}.story-content{max-width:750px}.story-content p{color:#aaa;max-width:650px;margin:20px auto;font-size:17px;line-height:1.9}.album-section{padding:120px 30px}.album-section .section-heading p{color:#999;margin-top:15px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:22px;width:min(1150px,100%);margin:50px auto 0;display:grid}.photo-card{cursor:pointer;background:#151015;border:1px solid #ffffff1a;border-radius:24px;height:430px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.photo-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.photo-card:hover img{transform:scale(1.08)}.photo-overlay{background:linear-gradient(#0000,#000000e6);padding:70px 25px 25px;position:absolute;bottom:0;left:0;right:0}.photo-overlay h3{margin-bottom:8px;font-size:24px}.photo-overlay p{color:#ccc;line-height:1.5}.love-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:120px 30px;display:flex}.love-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:min(1000px,100%);margin-top:50px;display:grid}.love-grid>div{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;padding:35px;transition:all .3s}.love-grid>div:hover{border-color:#ff5a8c66;transform:translateY(-5px)}.love-grid span{color:#ff6f9c}.love-grid h3{margin:12px 0;font-size:25px}.love-grid p{color:#999;line-height:1.7}.music-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:120px 30px;display:flex}.music-section>p{color:#999;margin-bottom:35px}.music-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;width:min(600px,95%);padding:45px 30px}.music-icon{margin-bottom:15px;font-size:55px}.music-box h3{font-size:28px}.music-box p{color:#999;margin:10px 0 25px}.music-player{width:100%}.letter-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 30px;display:flex}.envelope{margin-bottom:20px;font-size:70px;animation:3s ease-in-out infinite envelopeFloat}@keyframes envelopeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.letter{text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;width:min(700px,95%);margin-top:35px;padding:50px;line-height:1.9}.letter p{color:#c5c0c3;margin-bottom:20px}.letter h3{color:#ff7fa5;margin:25px 0;font-size:30px}.final-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:50px 20px;display:flex}.final-section h2{margin:20px 0;font-size:clamp(60px,10vw,120px)}.final-section p{color:#aaa;margin:8px;font-size:20px}.final-message{color:#ff9db8;margin-top:40px;font-family:Playfair Display,serif;font-size:25px}.photo-modal{z-index:9999;background:#000000f2;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.photo-modal img{object-fit:contain;border-radius:15px;max-width:90vw;max-height:88vh;box-shadow:0 30px 100px #000000b3}.close-modal{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:none;border-radius:50%;width:45px;height:45px;font-size:30px;position:fixed;top:25px;right:30px}@media (width<=800px){.photo-grid{grid-template-columns:1fr}.photo-card{height:450px}.love-grid{grid-template-columns:1fr}.letter{padding:30px 22px}.section-heading h2{font-size:42px}}.memory-grid{grid-template-columns:repeat(3,1fr);gap:25px;width:100%;display:grid}.memory-photo{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;height:420px;position:relative;overflow:hidden}.memory-photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.memory-overlay{background:linear-gradient(#0000,#000000e6);padding:30px 20px 20px;transition:all .4s;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.memory-photo:hover .memory-overlay{transform:translateY(0)}.memory-overlay p{color:#ccc;font-size:14px}.letter-card{text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:30px;width:min(750px,100%);padding:60px;box-shadow:0 30px 80px #0006}@keyframes giftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.surprise-container h2{margin-top:20px;font-family:Playfair Display,serif;font-size:36px}.home-button:hover{background:#ff467826;transform:translateY(-3px)}@media (width<=800px){.memory-grid{grid-template-columns:1fr}.memory-photo{height:450px}.letter-card{padding:35px 25px}.letter-card p{font-size:16px}.gift-body{font-size:100px}.gift-lid{font-size:70px}}.inner-page{width:100%;min-height:100vh;padding:0;position:relative;overflow-x:hidden}.back-button{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(15px);background:#ffffff12;border:1px solid #ffffff26;border-radius:50px;align-items:center;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .3s,transform .3s,border-color .3s;display:inline-flex;position:fixed;top:25px;left:25px}.back-button:hover{color:#fff;background:#ff467826;border-color:#ff649666;text-decoration:none;transform:translate(5px)}.inner-content{text-align:center;flex-direction:column;align-items:center;width:min(1150px,100%);min-height:100vh;margin:0 auto;padding:130px 30px 100px;display:flex}.inner-content h1{margin-top:20px;margin-bottom:20px;font-size:clamp(50px,8vw,95px);line-height:1.05}.page-intro{color:#aaa;max-width:650px;margin-bottom:55px;font-size:18px;line-height:1.8}.story-card{-webkit-backdrop-filter:blur(20px);text-align:left;background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff1a;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;width:min(1050px,100%);padding:30px;display:grid;box-shadow:0 30px 80px #00000059}.story-card img{object-fit:cover;border-radius:22px;width:100%;height:520px;display:block;box-shadow:0 20px 50px #00000059}.story-text{flex-direction:column;justify-content:center;padding:20px 15px;display:flex}.story-text h2{margin-bottom:25px;font-size:42px;line-height:1.2}.story-text p{color:#aaa;margin-bottom:20px;font-size:17px;line-height:1.9}.category-grid a.category-card{color:#fff;width:100%;text-decoration:none;display:block}.category-grid a.category-card:visited,.category-grid a.category-card:hover,.category-grid a.category-card:active{color:#fff;text-decoration:none}.category-grid>div{width:100%}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;width:100%;margin-top:10px;display:grid}.memory-photo{cursor:pointer;background:#151015;border:1px solid #ffffff1a;border-radius:24px;height:420px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.memory-photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.memory-photo:hover img{transform:scale(1.08)}.memory-overlay{text-align:left;background:linear-gradient(#0000,#000000e6);padding:80px 22px 22px;position:absolute;bottom:0;left:0;right:0}.memory-overlay h3{margin-bottom:7px;font-size:23px}.memory-overlay p{color:#ccc;font-size:14px;line-height:1.5}.love-letter-page{padding-bottom:120px}.letter-card{text-align:left;-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff1f;border-radius:30px;width:min(760px,100%);padding:60px;box-shadow:0 30px 80px #0006}.letter-top{text-align:center;margin-bottom:30px;font-size:60px}.letter-card h2{margin-bottom:30px;font-family:Playfair Display,serif;font-size:38px}.letter-card p{color:#ccc;margin-bottom:25px;font-size:17px;line-height:2}.letter-card .special-line{text-align:center;color:#ff719d;margin:40px 0;font-family:Playfair Display,serif;font-size:30px}.letter-signature{text-align:right;color:#ff719d;margin-top:40px;font-family:Playfair Display,serif;font-size:25px}.final-surprise-page{overflow:hidden}.surprise-container{text-align:center;flex-direction:column;align-items:center;margin-top:20px;display:flex}.gift-box{flex-direction:column;align-items:center;margin:25px 0;animation:3s ease-in-out infinite giftFloat;display:flex}.gift-lid{margin-bottom:-20px;font-size:90px}.gift-body{font-size:130px}.surprise-container h2{margin-top:20px;font-size:36px}.surprise-container p{color:#aaa;margin:15px 0 30px;font-size:18px}.surprise-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4f87,#ff174f);border:none;border-radius:40px;padding:16px 30px;font-size:16px;font-weight:600;box-shadow:0 10px 40px #ff32644d}.final-message{text-align:center;width:min(700px,100%);padding:60px 30px}.final-heart{font-size:100px;animation:1.5s infinite heartbeat}.final-message h2{margin:30px 0;font-size:clamp(40px,7vw,70px)}.final-message p{color:#ccc;margin-bottom:20px;font-size:18px;line-height:1.9}.infinity{color:#ff6f9c;margin:30px 0;font-family:Playfair Display,serif;font-size:100px}.final-message h3{margin:30px 0 15px;font-family:Playfair Display,serif;font-size:30px}.final-love{color:#ff719d;margin:40px 0;font-family:Playfair Display,serif;font-size:40px}.home-button{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;padding:14px 28px;text-decoration:none;transition:all .3s;display:inline-block}.home-button:hover{color:#fff;background:#ff467826;text-decoration:none;transform:translateY(-3px)}@media (width<=800px){.back-button{padding:10px 15px;font-size:13px;top:15px;left:15px}.inner-content{padding:100px 20px 70px}.inner-content h1{font-size:clamp(45px,12vw,70px)}.page-intro{margin-bottom:35px;font-size:16px}.story-card{border-radius:24px;grid-template-columns:1fr;gap:25px;padding:18px}.story-card img{border-radius:18px;height:380px}.story-text{padding:10px 5px 20px}.story-text h2{font-size:32px}.story-text p{font-size:16px}.memory-grid{grid-template-columns:1fr;gap:20px}.memory-photo{height:430px}.letter-card{padding:35px 25px}.letter-card p{font-size:16px;line-height:1.8}.gift-body{font-size:100px}.gift-lid{font-size:70px}.final-message{padding:40px 15px}}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:24px;width:100%;display:grid}.category-grid>div{width:100%;height:100%}.category-grid a.category-card{color:#fff;-webkit-backdrop-filter:blur(15px);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:350px;min-height:350px;padding:45px 25px 30px;text-decoration:none;transition:transform .4s,border-color .4s,background .4s,box-shadow .4s;display:flex}.category-grid a.category-card:visited,.category-grid a.category-card:hover,.category-grid a.category-card:active{color:#fff;text-decoration:none}.category-grid .category-icon{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:80px;margin-bottom:25px;font-size:50px;display:flex}.category-grid .category-card h3{text-align:center;flex-shrink:0;width:100%;margin:0 0 12px;font-size:25px;line-height:1.25}.category-grid .category-card p{color:#aaa;text-align:center;width:100%;max-width:230px;margin:0;font-size:16px;line-height:1.6}.category-grid .card-arrow{color:#ff6f9c;opacity:0;margin-top:auto;font-size:14px;transition:opacity .3s,transform .3s;transform:translateY(8px)}.category-grid a.category-card:hover{background:#ff3c7814;border-color:#ff5a8c80;transform:translateY(-10px);box-shadow:0 20px 50px #ff286414}.category-grid a.category-card:hover .card-arrow{opacity:1;transform:translateY(0)}@media (width<=1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.category-grid{grid-template-columns:1fr;gap:18px}.category-grid a.category-card{height:320px;min-height:320px}}.love-letter-page{position:relative;overflow:hidden}.letter-floating-hearts{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.letter-heart{opacity:0;filter:drop-shadow(0 0 12px #ff4682b3);font-size:25px;position:absolute;bottom:-60px}.love-letter-page .inner-content{z-index:5;position:relative}.closed-letter{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:520px;display:flex}.romantic-envelope{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#ff508238,#ffffff0f);border:1px solid #ff6ea059;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:330px;height:240px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 100px #ff1e6440}.romantic-envelope:before{content:"";filter:blur(60px);pointer-events:none;background:#ff32782e;border-radius:50%;width:220px;height:220px;position:absolute}.envelope-heart{z-index:2;filter:drop-shadow(0 0 20px #ff3c82cc);margin-bottom:10px;font-size:70px;position:relative}.envelope-title{z-index:2;color:#fff;letter-spacing:1px;font-family:Playfair Display,serif;font-size:22px;line-height:1.4;position:relative}.envelope-small-heart{opacity:.7;font-size:20px;position:absolute;bottom:15px;right:20px}.letter-hint{color:#aaa;margin-top:35px;font-family:Playfair Display,serif;font-size:17px;font-style:italic}.open-letter-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4f87,#ff174f);border:none;border-radius:50px;margin-top:25px;padding:15px 34px;font-size:16px;font-weight:600;transition:box-shadow .3s;box-shadow:0 12px 45px #ff286459}.open-letter-button:hover{box-shadow:0 18px 55px #ff28648c}.romantic-letter{text-align:left;-webkit-backdrop-filter:blur(25px);transform-origin:top;background:linear-gradient(145deg,#ffffff1a,#ffffff09);border:1px solid #ff78a040;border-radius:28px;width:min(760px,100%);margin:35px auto 80px;padding:65px 70px;position:relative;overflow:hidden;box-shadow:0 35px 110px #ff1e642e}.romantic-letter:before{content:"";filter:blur(80px);pointer-events:none;background:#ff327821;border-radius:50%;width:350px;height:350px;position:absolute;top:-180px;right:-130px}.letter-main-heart{text-align:center;filter:drop-shadow(0 0 20px #ff4682b3);margin-bottom:20px;font-size:58px;position:relative}.romantic-letter h2{color:#fff;margin-bottom:30px;font-family:Playfair Display,serif;font-size:40px;position:relative}.romantic-letter p{color:#d0d0d0;margin-bottom:22px;font-family:Playfair Display,serif;font-size:18px;line-height:2;position:relative}.romantic-letter .special-line{text-align:center;color:#ff79a8;text-shadow:0 0 20px #ff468280;margin:45px 0;font-size:27px;font-weight:600}.romantic-letter .letter-signature{text-align:right;color:#ff8bb5;margin-top:45px;font-family:Playfair Display,serif;font-size:25px;font-style:italic}.letter-bottom-heart{text-align:center;filter:drop-shadow(0 0 15px #ff326ecc);margin-top:35px;font-size:38px;position:relative}@media (width<=600px){.closed-letter{min-height:450px}.romantic-envelope{width:280px;height:210px}.envelope-heart{font-size:58px}.envelope-title{font-size:19px}.romantic-letter{border-radius:22px;margin:25px 10px 60px;padding:40px 25px}.letter-main-heart{font-size:48px}.romantic-letter h2{font-size:30px}.romantic-letter p{font-size:16px;line-height:1.9}.romantic-letter .special-line{font-size:22px}.romantic-letter .letter-signature{font-size:21px}}.memory-floating-hearts{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.memory-heart{filter:drop-shadow(0 0 12px #ff3c82b3);font-size:24px;position:absolute;bottom:-60px}.memories-page .inner-content{z-index:5;position:relative}.memory-story{grid-template-columns:1fr 1fr;align-items:center;gap:70px;width:100%;max-width:1150px;min-height:560px;margin:70px auto 60px;display:grid}.memory-main-photo{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ff64a059,#ffffff0f);border:1px solid #ff78aa4d;border-radius:30px;width:100%;max-width:520px;height:540px;margin:auto;padding:12px;position:relative;overflow:visible;box-shadow:0 35px 100px #ff1e6440}.memory-main-photo img{object-fit:cover;z-index:2;border-radius:22px;width:100%;height:100%;display:block;position:relative}.photo-glow{filter:blur(70px);opacity:.5;z-index:0;background:#ff327873;width:80%;height:80%;position:absolute;top:10%;left:10%}.photo-number{color:#fff;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140a14b3;border:1px solid #ff78aa80;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:15px;font-weight:600;display:flex;position:absolute;top:30px;left:30px}.photo-heart{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140a14a6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;animation:2s infinite memoryHeartPulse;display:flex;position:absolute;bottom:25px;right:25px}@keyframes memoryHeartPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.memory-story-content{padding:25px 10px}.memory-label{color:#ff6f9f;letter-spacing:3px;margin-bottom:15px;font-size:13px;font-weight:600;display:inline-block}.memory-story-content h2{color:#fff;margin:0 0 10px;font-family:Playfair Display,Georgia,serif;font-size:42px;line-height:1.2}.memory-story-content h3{color:#999;margin:0 0 25px;font-family:Playfair Display,Georgia,serif;font-size:19px;font-style:italic;font-weight:400}.story-divider{align-items:center;gap:15px;margin:25px 0;display:flex}.story-divider:before,.story-divider:after{content:"";background:linear-gradient(90deg,#0000,#ff649666);flex:1;height:1px}.story-divider:after{background:linear-gradient(270deg,#0000,#ff649666)}.story-divider span{color:#ff6f9f;text-shadow:0 0 15px #ff4682cc;font-size:14px}.story-paragraphs p{color:#c5c5c5;margin:0 0 18px;font-family:Playfair Display,Georgia,serif;font-size:17px;line-height:1.9}.memory-quote{background:#ff46820d;border-left:2px solid #ff649699;border-radius:0 15px 15px 0;margin-top:35px;padding:25px 25px 25px 45px;position:relative}.quote-mark{color:#ff6f9f;font-family:Georgia,serif;font-size:45px;line-height:1;position:absolute;top:12px;left:15px}.memory-quote p{color:#ff9abd;margin:0;font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic;line-height:1.7}.memory-selector{text-align:center;margin-top:30px}.memory-selector>p{color:#999;margin-bottom:25px;font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic}.memory-thumbnails{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.memory-thumbnail{cursor:pointer;background:#ffffff14;border:none;border-radius:18px;width:105px;height:105px;padding:4px;transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden}.memory-thumbnail img{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block}.memory-thumbnail span{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;display:flex;position:absolute;bottom:7px;right:7px}.memory-thumbnail.active{background:linear-gradient(135deg,#ff4f87,#ff174f);transform:translateY(-8px);box-shadow:0 15px 40px #ff286459}@media (width<=850px){.memory-story{grid-template-columns:1fr;gap:35px;margin-top:45px}.memory-main-photo{max-width:500px;height:480px}.memory-story-content{padding:10px}.memory-story-content h2{font-size:34px}}@media (width<=600px){.memory-story{margin-top:35px}.memory-main-photo{border-radius:24px;height:400px;padding:8px}.memory-main-photo img{border-radius:18px}.memory-story-content h2{font-size:30px}.memory-story-content h3{font-size:17px}.story-paragraphs p{font-size:16px;line-height:1.8}.memory-quote{padding:20px 20px 20px 40px}.memory-thumbnail{width:75px;height:75px}}.memories-page{position:relative}.memories-album{z-index:5;position:relative}.memory-click-hint{text-align:center;color:#ff86ad;margin-top:35px;margin-bottom:35px;font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic;animation:2s ease-in-out infinite memoryHint}@keyframes memoryHint{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.photo-album-grid{grid-template-columns:repeat(6,1fr);align-items:center;gap:25px;width:100%;max-width:1000px;margin:30px auto 80px;display:grid}.album-photo{cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:0;position:relative}.album-photo-inner{aspect-ratio:.78;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ff82aa38;border-radius:8px;width:100%;padding:9px;transition:box-shadow .4s,border-color .4s;position:relative;box-shadow:0 20px 50px #00000040}.album-photo img{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.album-photo-1{grid-column:1/3;transform:rotate(-5deg)}.album-photo-2{grid-column:3/5;transform:rotate(3deg)}.album-photo-3{grid-column:5/7;transform:rotate(-3deg)}.album-photo-4{grid-column:2/4;margin-top:-15px;transform:rotate(4deg)}.album-photo-5{grid-column:4/6;margin-top:-15px;transform:rotate(-4deg)}.album-photo-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14050fb8;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .35s;display:flex;position:absolute;inset:9px}.album-photo-overlay span{color:#fff;letter-spacing:1px;font-size:14px}.album-photo-overlay strong{color:#ff6f9f;font-size:28px;animation:1.5s infinite albumHeart}@keyframes albumHeart{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.album-photo-number{color:#fff;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a050ab3;border:1px solid #ff96b473;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;display:flex;position:absolute;top:17px;left:17px}.opened-memory{z-index:5;min-height:80vh;position:relative}.close-memory-button{color:#ddd;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff6ea040;border-radius:30px;margin-top:10px;padding:12px 22px;font-size:14px;transition:background .3s,color .3s}.close-memory-button:hover{color:#fff;background:#ff46821f}.opened-memory-hearts{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.opened-memory-hearts span{filter:drop-shadow(0 0 12px #ff4682b3);font-size:22px;position:absolute;bottom:-50px}.opened-memory-layout{grid-template-columns:minmax(350px,.95fr) minmax(350px,1.05fr);align-items:center;gap:80px;width:100%;max-width:1150px;margin:70px auto 50px;display:grid}.opened-memory-photo{justify-content:center;align-items:center;display:flex;position:relative}.opened-photo-frame{z-index:3;background:#ffffff17;border:1px solid #ff82aa4d;border-radius:12px;width:100%;max-width:500px;padding:14px;position:relative;transform:rotate(-2deg);box-shadow:0 35px 100px #ff1e6433}.opened-photo-frame img{aspect-ratio:.8;object-fit:cover;border-radius:6px;width:100%;display:block}.opened-photo-glow{filter:blur(80px);opacity:.55;z-index:0;background:#ff327866;width:70%;height:70%;position:absolute}.opened-photo-heart{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14050fbf;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:30px;animation:2s ease-in-out infinite openedHeart;display:flex;position:absolute;bottom:4%;right:5%;box-shadow:0 10px 30px #0000004d}@keyframes openedHeart{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.opened-memory-story{padding:15px 5px;position:relative}.opened-memory-number{color:#ff6f9f;letter-spacing:4px;font-size:12px;font-weight:600}.opened-memory-story h2{color:#fff;margin:15px 0 10px;font-family:Playfair Display,Georgia,serif;font-size:46px;line-height:1.2}.opened-memory-subtitle{color:#999;margin:0;font-family:Playfair Display,Georgia,serif;font-size:19px;font-style:italic}.romantic-divider{align-items:center;gap:15px;margin:30px 0;display:flex}.romantic-divider:before,.romantic-divider:after{content:"";background:linear-gradient(90deg,#0000,#ff649680);flex:1;height:1px}.romantic-divider:after{background:linear-gradient(270deg,#0000,#ff649680)}.romantic-divider span{color:#ff6f9f;text-shadow:0 0 15px #ff4682cc;font-size:14px}.opened-story-text p{color:#c8c8c8;margin:0 0 18px;font-family:Playfair Display,Georgia,serif;font-size:17px;line-height:1.9}.romantic-memory-quote{background:#ff46820b;border-left:2px solid #ff6f9f;border-radius:0 15px 15px 0;margin-top:35px;padding:25px 25px 25px 45px;position:relative}.romantic-memory-quote>span{color:#ff6f9f;font-family:Georgia,serif;font-size:45px;line-height:1;position:absolute;top:9px;left:14px}.romantic-memory-quote p{color:#ff94b8;margin:0;font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic;line-height:1.7}.memory-navigation{justify-content:space-between;align-items:center;gap:25px;max-width:700px;margin:30px auto 80px;display:flex}.memory-navigation>button{color:#ccc;cursor:pointer;background:#ffffff0a;border:1px solid #ff6ea040;border-radius:30px;padding:12px 20px;transition:background .3s,color .3s}.memory-navigation>button:hover{color:#fff;background:#ff46821a}.memory-dots{align-items:center;gap:9px;display:flex}.memory-dots button{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:transform .3s,background .3s}.memory-dots button.active{background:#ff6f9f;width:11px;height:11px;box-shadow:0 0 12px #ff508cb3}@media (width<=900px){.photo-album-grid{grid-template-columns:repeat(2,1fr);max-width:650px}.album-photo-1,.album-photo-2,.album-photo-3,.album-photo-4,.album-photo-5{grid-column:auto;margin-top:0}.opened-memory-layout{grid-template-columns:1fr;gap:55px;max-width:650px}.opened-memory-photo{max-width:520px;margin:auto}}@media (width<=600px){.photo-album-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.album-photo-inner{padding:6px}.album-photo-overlay{inset:6px}.album-photo-overlay span{font-size:11px}.album-photo-overlay strong{font-size:22px}.album-photo-number{width:28px;height:28px;font-size:9px;top:12px;left:12px}.opened-memory-layout{gap:35px;margin-top:45px}.opened-photo-frame{padding:9px}.opened-memory-story h2{font-size:34px}.opened-memory-subtitle{font-size:17px}.opened-story-text p{font-size:16px;line-height:1.8}.memory-navigation{gap:10px}.memory-navigation>button{padding:10px 13px;font-size:12px}.memory-dots{gap:6px}}.music-page{position:relative;overflow:hidden}.music-content{z-index:5;position:relative}.music-floating-hearts{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.music-heart{filter:drop-shadow(0 0 12px #ff3c82b3);font-size:23px;position:absolute;bottom:-60px}.music-card{-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff17,#ff3c780a);border:1px solid #ff78aa40;border-radius:30px;grid-template-columns:330px 1fr;align-items:center;gap:55px;width:min(900px,100%);margin:65px auto 50px;padding:45px;display:grid;box-shadow:0 35px 100px #ff1e6426}.music-art-container{justify-content:center;align-items:center;display:flex}.music-art{background:linear-gradient(135deg,#ff4f87,#8f1747);border:8px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative;box-shadow:0 25px 70px #ff1e6459}.music-art:before{content:"";border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:15px}.music-art-image{filter:drop-shadow(0 10px 20px #00000040);font-size:95px}.music-art-center{background:#0f050ccc;border:2px solid #ff96b459;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:22px;display:flex;position:absolute}.music-info{text-align:left}.music-label{color:#ff6f9f;letter-spacing:4px;font-size:12px;font-weight:600}.music-info h2{color:#fff;margin:15px 0 8px;font-family:Playfair Display,Georgia,serif;font-size:38px}.music-subtitle{color:#999;margin:0 0 35px;font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic}.music-progress input{accent-color:#ff5d91;cursor:pointer;width:100%}.music-time{color:#888;justify-content:space-between;margin-top:7px;font-size:12px;display:flex}.music-controls{justify-content:center;align-items:center;gap:30px;margin-top:25px;display:flex}.music-control-small{color:#ddd;cursor:pointer;background:#ffffff0d;border:1px solid #ff78a040;border-radius:50%;width:42px;height:42px;font-size:18px}.music-play-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5a91,#ff174f);border:none;border-radius:50%;width:65px;height:65px;font-size:20px;box-shadow:0 12px 35px #ff286459}.music-message{text-align:center;background:#ffffff0a;border:1px solid #ff78a026;border-radius:25px;max-width:700px;margin:30px auto 80px;padding:35px 40px}.music-message-heart{color:#ff6f9f;margin-bottom:15px;font-size:40px}.music-message p{color:#bbb;margin:8px 0;font-family:Playfair Display,Georgia,serif;font-size:17px;line-height:1.8}.music-message span{color:#ff86ad;margin-top:25px;font-family:Playfair Display,Georgia,serif;font-size:18px;font-style:italic;display:block}@media (width<=800px){.music-card{grid-template-columns:1fr;gap:40px;padding:35px 25px}.music-art{width:240px;height:240px}.music-info{text-align:center}.music-info h2{font-size:32px}.music-progress{text-align:left}}@media (width<=500px){.music-card{margin-top:40px;padding:25px 18px}.music-art{width:200px;height:200px}.music-art-image{font-size:70px}.music-art-center{width:45px;height:45px;font-size:18px}.music-info h2{font-size:27px}.music-message{padding:28px 20px}}.memory-photo{position:relative;overflow:hidden}.memory-photo img{object-fit:cover;filter:blur(8px);width:100%;height:100%;transition:filter .5s,transform .6s;display:block;transform:scale(1.08)}.memory-photo:hover img{filter:blur(6px);transform:scale(1.12)}.memory-overlay{z-index:2;text-align:left;background:linear-gradient(#0000 0%,#0000001f 28%,#00000094 62%,#000000eb 100%);flex-direction:column;justify-content:flex-end;padding:80px 25px 25px;transition:background .4s;display:flex;position:absolute;inset:0;transform:translateY(0)}.memory-overlay h3{color:#fff;text-shadow:0 2px 10px #000000d9;margin-bottom:10px;font-size:24px}.memory-overlay p{color:#fff;text-shadow:0 2px 8px #000000e6;margin:0;font-size:15px;line-height:1.7}.memory-photo:hover .memory-overlay{background:linear-gradient(#0000 0%,#00000026 25%,#0000009e 60%,#000000f2 100%)}@media (width<=900px){.memory-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.memory-grid{grid-template-columns:1fr;gap:20px}.memory-photo{height:430px}.memory-overlay{padding:70px 20px 20px}.memory-overlay h3{font-size:22px}.memory-overlay p{font-size:14px}}.album-photo{cursor:pointer;position:relative;overflow:hidden}.album-photo-inner{border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.album-photo-inner>img{object-fit:cover;filter:blur(8px);border-radius:4px;width:100%;height:100%;transition:filter .4s,transform .4s;display:block;transform:scale(1.08)}.album-photo:hover .album-photo-inner>img{filter:blur(8px);transform:scale(1.08)}.album-photo-overlay{z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;pointer-events:none;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .35s;display:flex;position:absolute;inset:0}.album-photo:hover .album-photo-overlay{opacity:1}.album-photo-overlay .memory-number{color:#fff;letter-spacing:3px;text-shadow:0 2px 8px #000000e6;font-size:13px;font-weight:700;transition:transform .4s;transform:translateY(15px)}.album-photo-overlay h3{color:#fff;text-align:center;text-shadow:0 3px 12px #000;margin:0;font-family:Playfair Display,serif;font-size:28px;line-height:1.2;transition:transform .45s;transform:translateY(15px)}.album-photo-overlay p{color:#fff;text-align:center;text-shadow:0 2px 10px #000;margin:0;font-size:15px;line-height:1.5;transition:transform .5s;transform:translateY(15px)}.album-photo:hover .album-photo-overlay .memory-number,.album-photo:hover .album-photo-overlay h3,.album-photo:hover .album-photo-overlay p{transform:translateY(0)}.album-photo-number{color:#fff;z-index:5;background:#0a050abf;border:1px solid #ff96b473;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;display:flex;position:absolute;top:17px;left:17px;box-shadow:0 3px 10px #0006}.opened-photo-frame img{filter:none!important;transform:none!important}@media (width<=600px){.album-photo-inner>img{filter:blur(8px);transform:scale(1.08)}.album-photo:active .album-photo-overlay{opacity:1}.album-photo:active .album-photo-overlay .memory-number,.album-photo:active .album-photo-overlay h3,.album-photo:active .album-photo-overlay p{transform:translateY(0)}.album-photo:active .album-photo-inner>img{filter:blur(8px);transform:scale(1.08)}.album-photo-overlay h3{font-size:20px}.album-photo-overlay p{padding:0 15px;font-size:12px}.album-photo-number{width:28px;height:28px;font-size:9px;top:12px;left:12px}}.welcome-content{z-index:2;box-sizing:border-box;text-align:center;width:min(90%,850px);margin:40px auto;padding:35px;position:relative}.welcome-subtitle{color:#ffb1c8;margin:20px 0;font-size:clamp(18px,3vw,25px);line-height:1.6}.welcome-message{text-align:left;scrollbar-width:thin;scrollbar-color:#ff6b9d #ffffff0d;background:#ffffff0b;border:1px solid #ff699b40;border-radius:22px;max-height:48vh;margin:25px 0;padding:25px;overflow-y:auto;box-shadow:0 10px 35px #ff327814}.welcome-message::-webkit-scrollbar{width:6px}.welcome-message::-webkit-scrollbar-thumb{background:#ff6b9d;border-radius:10px}.welcome-message p{color:#f8eaf0;margin:0 0 22px;font-size:16px;line-height:1.9}.welcome-message .little-question{color:#ffb1c8;text-align:center;margin-top:28px;font-weight:600}.welcome-message .forever-question{color:#fff;text-align:center;background:linear-gradient(135deg,#ff4f8726,#a046b41f);border:1px solid #ffb1c840;border-radius:18px;margin:20px 0 10px;padding:20px;font-size:clamp(20px,3vw,28px);line-height:1.7}.welcome-content .buttons{justify-content:center;align-items:center;gap:24px;min-height:65px;margin:25px 0;display:flex;position:relative}.welcome-content .yes-button,.welcome-content .no-button{cursor:pointer;touch-action:manipulation;border:none;border-radius:30px;padding:14px 26px;font-size:15px;font-weight:700;position:relative}.welcome-content .yes-button{color:#fff;background:linear-gradient(135deg,#ff4f87,#e72d79);box-shadow:0 5px 25px #ff4f874d}.welcome-content .no-button{color:#fff;background:#39303a}.welcome-footer{color:#ffb1c8;margin-top:25px;font-size:14px;line-height:1.8}@media (width<=600px){.welcome-content{width:94%;margin:20px auto;padding:18px 12px}.welcome-message{max-height:52vh;margin:20px 0;padding:18px 15px}.welcome-message p{margin-bottom:18px;font-size:14px;line-height:1.85}.welcome-content .buttons{gap:15px}.welcome-content .yes-button,.welcome-content .no-button{padding:12px 19px;font-size:13px}}