.floating-hearts{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;overflow:hidden}.heart{opacity:.3;font-size:20px;animation:15s infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}.hero{text-align:center;z-index:10;padding:50px 20px 40px;position:relative}.hero h1{color:#fff;text-shadow:2px 2px 4px #0003;margin-bottom:15px;font-family:Dancing Script,cursive;font-size:clamp(2.5rem,6vw,3.5rem);animation:1s fadeInDown}.hero .subtitle{color:#ffffffe6;letter-spacing:1.5px;font-size:1rem;font-weight:300;animation:1s .5s both fadeInUp}.intro-message{background:var(--card-bg);z-index:10;border-radius:18px;max-width:550px;margin:0 auto 40px;padding:25px;animation:1s 1s both fadeIn;position:relative;box-shadow:0 15px 30px #0000001a}.intro-message p{color:var(--text-dark);margin-bottom:12px;font-size:.95rem;line-height:1.7}.intro-message .signature{color:var(--primary-color);text-align:right;margin-top:15px;font-family:Dancing Script,cursive;font-size:1.3rem}.timeline-container{z-index:10;max-width:1000px;margin:0 auto;padding:0 20px 60px;position:relative}.timeline{padding:20px 0;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.memory-card{opacity:0;margin-bottom:35px;animation:.8s forwards fadeInUp;position:relative}.memory-card:nth-child(2n){animation:.8s forwards fadeInLeft}.memory-card:nth-child(odd){animation:.8s forwards fadeInRight}.memory-content{background:var(--card-bg);border-radius:18px;width:calc(50% - 35px);padding:20px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 8px 25px #0000001a}.memory-content:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.memory-card:nth-child(odd) .memory-content{margin-left:auto}.memory-card:nth-child(2n) .memory-content{margin-right:auto}.memory-dot{background:var(--primary-color);z-index:1;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:25px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.memory-date{color:var(--primary-color);background:#fff;border-radius:18px;padding:4px 12px;font-family:Dancing Script,cursive;font-size:1.1rem;font-weight:700;position:absolute;top:25px;box-shadow:0 2px 8px #0000001a}.memory-card:nth-child(odd) .memory-date{right:calc(50% + 35px)}.memory-card:nth-child(2n) .memory-date{left:calc(50% + 35px)}.memory-photo{-o-object-fit:contain;object-fit:contain;cursor:pointer;background:linear-gradient(135deg,#ff6b9d0d,#ff9ff30d);border-radius:12px;width:100%;height:auto;max-height:400px;margin-bottom:15px;transition:transform .3s}.memory-photo:hover{transform:scale(1.02)}.memory-caption{color:var(--text-light);margin-bottom:12px;font-size:.95rem;line-height:1.5}.audio-player{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));cursor:pointer;border-radius:45px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 18px;transition:transform .3s;display:flex;box-shadow:0 4px 12px #ff6b9d4d}.audio-player:hover{transform:scale(1.02)}.play-button{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:transform .3s;display:flex;box-shadow:0 2px 8px #0000001a}.play-button:hover{transform:scale(1.1)}.play-button svg{width:20px;height:20px;fill:var(--primary-color)}.audio-info{color:#fff;flex:1}.audio-title{margin-bottom:5px;font-size:.9rem;font-weight:600}.audio-duration{opacity:.9;font-size:.8rem}.lightbox{z-index:1000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.lightbox.active{display:flex}.lightbox-content{max-width:90%;max-height:90%;position:relative}.lightbox-image{-o-object-fit:contain;object-fit:contain;border-radius:10px;width:100%;height:100%}.lightbox-close{color:#fff;cursor:pointer;font-size:30px;transition:transform .3s;position:absolute;top:-40px;right:0}.lightbox-close:hover{transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.hero{margin-top:20px;padding:60px 20px 40px}.hero h1{font-size:2.5rem}.subtitle{font-size:1rem}.intro-message{border-radius:15px;margin:20px 15px 40px;padding:25px;font-size:.95rem}.timeline-container{margin:0;padding:0 15px 80px}.timeline{margin:0;padding:0}.timeline:before{display:none}.memory-card{opacity:1;width:100%;margin:0 0 25px;padding:0;animation:.5s forwards fadeInUp}.memory-card:nth-child(2n),.memory-card:nth-child(odd){animation:.5s forwards fadeInUp}.memory-content{background:#fff;border-radius:15px;width:100%;padding:0;overflow:hidden;box-shadow:0 4px 15px #0000001a;margin:0!important}.memory-dot{display:none}.memory-date{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:20px;margin:0 0 15px;padding:8px 16px;font-size:1rem;display:inline-block;position:relative;top:auto;box-shadow:0 3px 10px #ff6b9d4d;left:auto!important;right:auto!important}.memory-card:nth-child(2n) .memory-date,.memory-card:nth-child(odd) .memory-date{left:auto;right:auto}.memory-photo{-o-object-fit:contain;object-fit:contain;background:linear-gradient(135deg,#ff6b9d0d,#ff9ff30d);border-radius:0;width:100%;height:auto;max-height:500px;margin:0}.memory-caption{margin:0;padding:20px;font-size:1rem;line-height:1.6}.audio-player{margin:0 20px 20px;padding:12px 15px}.audio-title{font-size:.9rem}.play-button{width:40px;min-width:40px;height:40px}.today-memory .memory-date{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.scroll-to-top{width:45px;height:45px;bottom:20px;right:20px}}.jump-to-today{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));color:#fff;cursor:pointer;z-index:100;border:none;border-radius:25px;padding:12px 24px;font-family:Quicksand,sans-serif;font-weight:600;transition:all .3s;position:fixed;top:100px;right:30px;box-shadow:0 5px 15px #feca574d}.jump-to-today:hover{transform:translateY(-2px);box-shadow:0 8px 20px #feca5766}.today-memory .memory-dot{background:var(--secondary-color);width:20px;height:20px}.scroll-to-top{background:var(--primary-color);color:#fff;cursor:pointer;opacity:0;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 5px 15px #0003}.scroll-to-top.visible{opacity:1}.scroll-to-top:hover{transform:scale(1.1)}