: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}}:root{--bg-color: #f5f5f5;--text-color: #333;--card-bg: white;--card-shadow: rgba(0, 0, 0, .1);--primary-btn: #4caf50;--primary-btn-hover: #388e3c;--whatsapp-btn: #25d366;--whatsapp-btn-hover: #128c7e;--copy-btn: #3498db;--copy-btn-hover: #2980b9;--heading-color: #2c3e50;--text-secondary: #555;--btn-text-color: white;--btn-text-hover: white}body.dark-theme{--bg-color: #121212;--text-color: #f5f5f5;--card-bg: #1e1e1e;--card-shadow: rgba(0, 0, 0, .3);--primary-btn: #388e3c;--primary-btn-hover: #4caf50;--whatsapp-btn: #128c7e;--whatsapp-btn-hover: #25d366;--copy-btn: #2980b9;--copy-btn-hover: #3498db;--heading-color: #81c784;--text-secondary: #b3b3b3;--btn-text-color: white;--btn-text-hover: white}body{font-family:Segoe UI,Roboto,sans-serif;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;position:relative}.theme-toggle-container{position:absolute;top:1rem;right:1rem}.theme-toggle{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.theme-toggle:hover{background-color:var(--card-shadow)}.home-content{background-color:var(--card-bg);padding:2rem;border-radius:10px;box-shadow:0 4px 12px var(--card-shadow);max-width:500px;width:100%}.home-content h1{margin-top:0;color:var(--heading-color)}.sweet-link{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background-color:var(--primary-btn);color:var(--btn-text-color);text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .3s,color .3s}.sweet-link:hover{background-color:var(--primary-btn-hover);color:var(--btn-text-hover);text-shadow:0px 0px 5px rgba(0,0,0,.9)}.links-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.preview-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--copy-btn);color:var(--btn-text-color);text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .3s,color .3s}.preview-link:hover{background-color:var(--copy-btn-hover);color:var(--btn-text-hover);text-shadow:0px 0px 5px rgba(0,0,0,.9)}@media (min-width: 500px){.links-container{flex-direction:row;justify-content:center}}.message-container{background-color:var(--card-bg);padding:2rem;border-radius:10px;box-shadow:0 4px 12px var(--card-shadow);max-width:500px;width:100%;text-align:center}.message-icon{font-size:3rem;margin-bottom:1rem}.message-container h1{margin-top:0;color:var(--heading-color)}.message-container p{font-size:1.2rem;margin-bottom:2rem;color:var(--text-secondary)}.button-group{display:flex;flex-direction:column;gap:1rem}@media (min-width: 500px){.button-group{flex-direction:row;justify-content:center}}.message-container button{padding:.75rem 1.5rem;color:var(--btn-text-color);border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s;flex:1}.whatsapp-button{background-color:var(--whatsapp-btn)}.whatsapp-button:hover{background-color:var(--whatsapp-btn-hover);color:var(--btn-text-hover);text-shadow:0px 0px 5px rgba(0,0,0,.9)}.copy-button{background-color:var(--copy-btn)}.copy-button:hover{background-color:var(--copy-btn-hover);color:var(--btn-text-hover);text-shadow:0px 0px 5px rgba(0,0,0,.9)}.time-preview-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.time-info{font-size:1.2rem;margin-bottom:2rem;color:var(--text-secondary);text-align:center}.time-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.time-card{background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 12px var(--card-shadow);overflow:hidden;transition:transform .3s,box-shadow .3s}.time-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px var(--card-shadow)}.time-header{background-color:var(--primary-btn);color:#fff;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.time-header .time{font-weight:700;font-size:1.2rem}.time-header .period{font-size:.9rem;opacity:.9}.message-content{padding:1.5rem;text-align:center}.current-period{border:3px solid var(--whatsapp-btn)}.current-period .time-header{background-color:var(--whatsapp-btn)}@media (max-width: 768px){.time-cards{grid-template-columns:1fr}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.loading-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 1.5s infinite}.refresh-button{background-color:#6c5ce7;color:var(--btn-text-color);border:none;border-radius:8px;padding:.7rem 1.2rem;font-size:1rem;cursor:pointer;margin-left:1rem;transition:background-color .3s,color .3s;display:flex;align-items:center;gap:.5rem}.refresh-button:hover{background-color:#5341d6;color:var(--btn-text-hover);text-shadow:0px 0px 5px rgba(0,0,0,.9)}.refresh-button:disabled{background-color:#a29bda;cursor:not-allowed}.ai-badge{display:inline-block;background-color:#6c5ce7;color:#fff;border-radius:16px;padding:.3rem .8rem;font-size:.8rem;margin-top:1rem;opacity:.8}.error-message{color:#e74c3c;font-size:.9rem;margin:.5rem 0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn{padding:.75rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .3s;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--primary-btn);color:#fff;border:none}.btn-primary:hover{background-color:var(--primary-btn-hover);color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.9)}.btn-copy{background-color:var(--copy-btn);color:#fff;border:none}.btn-copy:hover{background-color:var(--copy-btn-hover);color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.9)}.btn-refresh{background-color:var(--accent-color);color:#fff;border:none}.btn-refresh:hover{background-color:var(--accent-color-hover);color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.9)}.letter-container{max-width:650px;padding:1.5rem;margin:2rem auto;background-color:var(--card-bg);border-radius:10px;box-shadow:0 8px 20px var(--card-shadow)}.letter-content{position:relative;background-color:#fffdf7;color:#30485f;padding:2.5rem;border-radius:5px;font-family:Georgia,serif;line-height:1.6;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000000d}.letter-date{position:absolute;top:1.5rem;right:2rem;font-style:italic;font-size:.9rem;color:#777}.letter-body{margin-top:2rem;margin-bottom:2rem;font-size:1.1rem}.letter-body p{margin-bottom:1.2rem}.letter-spacing{height:1rem}.letter-actions{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}body.dark-theme .letter-content{background-color:#202937;color:#e0e0e0;border-color:#ffffff1a}body.dark-theme .letter-date{color:#aaa}@media (max-width: 640px){.letter-content{padding:1.5rem}.letter-date{position:static;text-align:right;margin-bottom:1.5rem}.letter-body{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.letter-container{animation:fadeIn .8s ease-out}.error-container{max-width:500px;margin:2rem auto;padding:2rem;background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 12px var(--card-shadow)}