:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#fff;margin:0;font-family:Lora,serif;display:flex;justify-content:center;align-items:stretch;min-height:100vh;min-width:100vw}.img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.flores{position:absolute;left:0;right:0;bottom:-30px;width:100%;display:flex;justify-content:center;align-content:flex-end;pointer-events:none;max-height:30%;z-index:10;overflow:hidden}.flores img{width:100%;height:auto;max-width:100%;object-fit:contain;display:block;scale:1.3}.outer-card{position:relative;max-width:500px;height:100vh;background-color:#000;overflow:hidden}.card{background-color:#f9f9f9;text-align:center;max-width:420px;width:95vw;height:100vh;box-shadow:0 4px 8px #0003;position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;padding:0 0 64px;margin:0 auto;gap:24px}.card-image-top{width:100%;height:60%;min-height:180px;max-height:60%;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover;scale:1}.card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:5vh 0}.image-container{width:100%;max-width:450px;height:350px;display:flex;justify-content:center;align-items:center;margin:10px 0;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:contain;border-radius:10px}.overlay-text{position:absolute;left:0;width:100%;text-align:left;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);padding-left:24px;padding-right:24px}.save-date{top:18px;font-size:1.5rem;font-family:Playfair Display,serif;font-weight:700;letter-spacing:2px;display:flex;flex-direction:column;gap:.1em}.save-date .date{font-size:2rem}.luis-ana{bottom:18px;left:0;width:100%;text-align:center;font-size:5rem;font-family:Tangerine,cursive;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);position:absolute;padding-left:0}.playlist-container{height:100%;max-height:100%}h1{font-family:"Cursive",sans-serif;font-size:2.5rem;margin:10px 0;color:#333}h1,.wedding-date{font-family:Playfair Display,serif;letter-spacing:2px}.countdown{display:flex;gap:18px;justify-content:center;align-items:flex-end;margin:18px 0 8px}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-number{background:#fff;color:#b48a78;font-size:2rem;font-weight:700;border-radius:16px;min-width:56px;min-height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #d7266022;margin-bottom:4px;border:2px solid #f3e6e1}.countdown-label{font-size:1rem;color:#b48a78;font-weight:500;letter-spacing:1px}.wedding-date{font-size:1.5rem;font-weight:700;color:#000000d3;letter-spacing:2px;margin:8px 4px}.countdown{font-size:.8rem;font-weight:600;color:#2222229c;padding:6px 18px;border-radius:18px;margin:8px 4px;letter-spacing:1px}.icons{margin-top:0;margin-bottom:10px;display:flex;align-content:flex-start;justify-content:center;gap:16px}.date-icons{color:#333;z-index:20}.icons button{font-size:2rem;background:none;border:none;cursor:pointer;color:inherit;padding-top:0}.icons button img{scale:1.4}button:focus{outline:none}@media (max-width: 500px){.card{padding-bottom:90px}.text p{font-size:1.1rem}.text strong{font-size:1.3rem}h1{font-size:1.5rem}img{max-width:90vw;margin:8px 0}}.heart-anim{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);pointer-events:none;animation:heart-pop 1s forwards;z-index:10}@keyframes heart-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}