:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:30px}:root{--rosy-red: #E63946;--blush-pink: #FF9AA2;--creamy-beige: #FFE5D9;--soft-lavender: #CBAACB;--muted-burgundy: #6D6875;--dusty-pink: #D8A7B1;--peach: #FFD6A5;--vanilla-white: #FFF3E2;--lilac: #A0C4FF;--deep-rosewood: #623D36}body{background-color:var(--creamy-beige);color:var(--muted-burgundy);margin:0;padding:0}h1,h2{color:var(--rosy-red)}h1{font-size:50px}button{background-color:var(--blush-pink);color:var(--deep-rosewood);border:none;padding:10px 20px;border-radius:8px;cursor:pointer}button:hover{background-color:var(--peach)}a{color:var(--soft-lavender);text-decoration:none}@media (max-width: 600px){h1{font-size:30px}body{font-size:20px}}:root{--rosy-red: #E63946;--blush-pink: #FF9AA2}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.days-known-container{display:flex;justify-content:center;align-items:center;height:auto;flex-direction:column}h1{animation:romantically-fade-in 2s ease-in-out}#next-page-button{margin-top:20px;animation:romantically-fade-in 2s ease-in-out;font-size:30px;font-weight:800}@keyframes romantically-fade-in{0%{opacity:0}to{opacity:1}}.slide-away{animation:slide-away .5s ease-in-out forwards}@keyframes slide-away{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.likes-container{background-color:var(--blush-pink);height:auto;width:auto;padding:10px;border-radius:10px;margin-top:20px;animation:romantically-fade-in 2s ease-in-out}.likes-list{list-style-position:inside}.collage-container{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:20px}.collage-item{position:relative;overflow:hidden}.collage-item img{width:100%;height:auto;object-fit:cover;border-radius:10px;transition:transform .3s ease}.collage-item:hover img{transform:scale(1.1)}@media (max-width: 1200px){.collage-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.collage-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.collage-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.collage-container{grid-template-columns:1fr}}