:root{--primary: #069985;--primary-light: #0ab69f;--primary-dark: #057c6b;--accent: #f26b5b;--accent-light: #ff8577;--white: #ffffff;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-600: #6c757d;--gray-800: #343a40}.quicksand-300{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.quicksand-400{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.quicksand-500{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.quicksand-600{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.quicksand-700{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background-color:var(--white);background-image:radial-gradient(var(--gray-200) 1px,transparent 1px),radial-gradient(var(--gray-200) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;background-attachment:fixed;color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.app{max-width:1200px;margin:20vh auto 0;padding:2rem;min-height:80vh}@media (max-width: 768px){.app{margin:5vh auto 0;min-height:95vh}}.app h1{color:var(--primary-dark);text-align:center;font-size:2.5rem;margin:0}.app .subtitle{color:var(--gray-600);text-align:center;font-size:1.2rem;font-weight:400;margin-top:0;margin-bottom:3rem;letter-spacing:.5px}.timeline-container{max-width:800px;margin:0 auto;padding:0 20px}.timeline{position:relative;padding:20px 0;display:flex;flex-direction:column}.timeline:before{content:"";position:absolute;left:50%;width:2px;height:100%;background:var(--primary-light);z-index:1;bottom:0;transform:translate(-50%)}.timeline:after{content:"";position:absolute;left:50%;bottom:0;width:12px;height:12px;background:var(--primary-light);border-radius:50%;transform:translate(-50%);z-index:1}.timeline-item{cursor:pointer;margin:2rem 0;padding:20px;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;position:relative;z-index:2;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--gray-200)}.timeline-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.timeline-content{padding:15px}.timeline-content h3{color:var(--primary);margin:0 0 10px;font-size:1.25rem}.timeline-content p{color:var(--gray-600);margin:0;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-overflow-scrolling:none}.modal-content{background:var(--white);padding:2rem;border-radius:12px;max-width:500px;width:90%;position:relative;box-shadow:0 8px 16px #0003;overscroll-behavior:contain;max-height:90vh;overflow:hidden}.modal-content h2{color:var(--primary-dark);margin-top:0;margin-bottom:1rem}.modal-content .date{color:var(--accent);font-weight:500;margin-bottom:1rem}.modal-content img{width:100%;height:auto;border-radius:8px;margin:1rem 0}.modal-content p{color:var(--gray-800);line-height:1.6}.close-button{position:absolute;right:15px;top:15px;border:none;background:none;font-size:24px;color:var(--gray-600);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-button:hover{background-color:var(--gray-200);color:var(--gray-800)}.day-counter{text-align:center;margin-bottom:0;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.day-counter .time-together{color:var(--accent);font-size:1.8rem;font-weight:600;line-height:1.2}.day-counter .label{color:var(--gray-600);font-size:1rem;font-weight:400;text-transform:lowercase;letter-spacing:.5px}@keyframes countUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.day-counter{animation:countUp .5s ease-out forwards}.title-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.heart-icon{height:40px;width:auto;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.timeline>div:last-child .timeline-item{margin-bottom:0;background:var(--primary-light);color:var(--white)}.timeline>div:last-child .timeline-item .timeline-content h3,.timeline>div:last-child .timeline-item .timeline-content p{color:var(--white)}.year-marker{background:var(--primary-light);width:50px;height:60px;margin:2rem auto;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;border-radius:16px;position:relative;z-index:3;padding:.1rem 5rem}.image-grid{display:grid;gap:1rem;margin:1rem 0}.image-grid.single-image{grid-template-columns:1fr}.image-grid.two-images,.image-grid.three-images{grid-template-columns:1fr 1fr}.image-grid.three-images img:first-child{grid-column:span 2}.image-grid.four-images{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.modal-image{width:100%;height:200px;object-fit:cover;border-radius:8px}@media (max-width: 768px){.image-grid{gap:.5rem}.modal-image{height:150px}}.image-container{position:relative;cursor:pointer;user-select:none;-webkit-user-select:none}.image-container.zoomed{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:20px}.image-container.zoomed .modal-image{height:auto;max-height:90vh;width:auto;max-width:90vw;object-fit:contain}.modal-image{width:100%;height:200px;object-fit:cover;border-radius:8px;transition:transform .2s ease;user-select:none;-webkit-user-select:none;pointer-events:none}@media (max-width: 768px){.image-container.zoomed .modal-image{max-width:100%;max-height:80vh}}