:root{--pink-light:#ffe4f0;--pink:#ff7eb3;--pink-dark:#e0559a;--purple-light:#e8d5f5;--purple:#b388d9;--purple-dark:#8a5cbf;--white:#fff;--text-dark:#4a2c5e;--text-light:#7a5a8e;--gold:gold;--gold-light:#fff4cc}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{min-height:100vh;color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#e8d5f5 0%,#ffe4f0 50%,#fff4e6 100%);font-family:Fredoka,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.app{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.app:before{content:"✨";opacity:.5;font-size:1.5rem;animation:4s ease-in-out infinite float;position:absolute;top:10%;left:8%}.app:after{content:"⭐";opacity:.4;font-size:1.2rem;animation:3.5s ease-in-out .5s infinite float;position:absolute;top:15%;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fairy-icon{filter:drop-shadow(0 4px 8px #b388d94d);margin-bottom:.5rem;font-size:5rem;animation:3s ease-in-out infinite float}.title{color:var(--purple-dark);text-shadow:0 2px 4px #8a5cbf26;margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-light);margin-bottom:3rem;font-size:1.1rem;font-weight:400}.tooth-decoration{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.tooth-decoration .line{background:linear-gradient(90deg, transparent, var(--purple), transparent);border-radius:2px;width:60px;height:2px}.tooth-decoration .tooth{filter:drop-shadow(0 2px 4px #b388d94d);font-size:1.8rem}.buttons-container{flex-direction:column;gap:1.25rem;width:100%;max-width:320px;display:flex}.btn{cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 2rem;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.btn:active{transform:scale(.97)}.btn-diario{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);color:var(--white);box-shadow:0 4px 15px #8a5cbf59}.btn-diario:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a5cbf80}.btn-progresso{background:linear-gradient(135deg, var(--pink) 0%, var(--pink-dark) 100%);color:var(--white);box-shadow:0 4px 15px #e0559a59}.btn-progresso:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0559a80}.btn-icon{font-size:1.5rem}.stars-footer{color:var(--text-light);opacity:.6;letter-spacing:.5rem;margin-top:3rem;font-size:.9rem}@media (width>=768px){.title{font-size:3rem}.buttons-container{max-width:380px}.fairy-icon{font-size:6rem}}.logout-btn{color:var(--text-light);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:10px;padding:.4rem .75rem;font-family:Fredoka,sans-serif;font-size:.9rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.logout-btn:hover{opacity:1;background:#8a5cbf1a}@keyframes spin{to{transform:rotate(360deg)}}.login{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex}.login-card{background:var(--white);text-align:center;border-radius:28px;width:100%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 8px 30px #8a5cbf26}.login-fairy{margin-bottom:.5rem;font-size:4rem;animation:3s ease-in-out infinite float}.login-title{color:var(--purple-dark);margin-bottom:.25rem;font-size:2.2rem;font-weight:700}.login-subtitle{color:var(--text-light);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.login-tooth-decoration{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.login-tooth-decoration .line{background:linear-gradient(90deg, transparent, var(--purple), transparent);border-radius:2px;width:50px;height:2px}.login-tooth-decoration .tooth{font-size:1.5rem}.login-form{flex-direction:column;gap:.75rem;width:100%;display:flex}.login-input{border:2px solid var(--purple-light);background:var(--white);width:100%;color:var(--text-dark);box-sizing:border-box;border-radius:14px;outline:none;padding:.9rem 1.1rem;font-family:Fredoka,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:var(--text-light);opacity:.6}.login-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #b388d926}.btn-entrar{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;padding:1.1rem 1.5rem;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #8a5cbf59}.btn-entrar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a5cbf80}.btn-entrar:active{transform:scale(.98)}.btn-entrar:disabled{opacity:.7;cursor:wait}.login-error{color:#e05555;margin-top:1rem;font-size:.85rem;font-weight:500}.login-info{color:var(--text-light);opacity:.7;margin-top:1.5rem;font-size:.85rem}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loading-fairy{font-size:4rem;animation:2s ease-in-out infinite float}.loading-text{color:var(--text-light);font-size:1.1rem;font-weight:500}.loading-spinner{border:4px solid var(--purple-light);border-top-color:var(--purple-dark);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.progresso{flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem 1rem;display:flex}.progresso-header{text-align:center;width:100%;max-width:500px;margin-bottom:1.5rem}.back-btn{color:var(--purple-dark);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:.5rem .75rem;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.back-btn:hover{background:#8a5cbf1a}.progresso-title{color:var(--purple-dark);margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.progresso-subtitle{color:var(--text-light);font-size:1rem;font-weight:400}.calendar-container{background:var(--white);border-radius:20px;width:100%;max-width:500px;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 4px 20px #8a5cbf1f}.calendar-month-label{text-align:center;color:var(--purple-dark);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.5rem;display:grid}.weekday-label{text-align:center;color:var(--text-light);padding:.25rem 0;font-size:.75rem;font-weight:600}.calendar-week{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.calendar-day{background:var(--purple-light);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:.4rem .2rem;font-family:Fredoka,sans-serif;transition:all .2s;display:flex}.calendar-day:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #8a5cbf33}.calendar-day.is-today{border-color:var(--purple-dark);background:#b388d940;box-shadow:0 0 0 2px #8a5cbf26}.calendar-day.empty{cursor:default;pointer-events:none;background:0 0;border:none}.calendar-day.partial{background:var(--gold-light)}.calendar-day.complete{background:linear-gradient(135deg,#d4edda 0%,#b7e4c7 100%)}.day-number{color:var(--text-dark);font-size:.85rem;font-weight:600}.day-star{font-size:.85rem;line-height:1;animation:1.5s ease-in-out infinite star-pulse}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.day-dots{gap:3px;display:flex}.dot{background:#d4c5e2;border-radius:50%;width:6px;height:6px;transition:background .2s}.dot-checked{background:var(--purple-dark)}.countdown-container{background:var(--white);text-align:center;border-radius:20px;width:100%;max-width:500px;margin-bottom:1.5rem;padding:1.5rem 1.25rem;animation:.3s slideUp;box-shadow:0 4px 20px #8a5cbf1f}.countdown-container.goal-reached{background:linear-gradient(135deg,#fff7e6 0%,#ffe8f0 50%,#e8f0ff 100%);border:2px solid gold;box-shadow:0 4px 25px #ffaa3240}.countdown-icon{margin-bottom:.5rem;font-size:3rem;animation:3s ease-in-out infinite float}.countdown-icon.gift-open{font-size:4rem;animation:1s ease-in-out infinite gift-bounce}@keyframes gift-bounce{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-8px)scale(1.05)}50%{transform:translateY(0)scale(1)}75%{transform:translateY(-4px)scale(1.02)}}.countdown-title{color:var(--purple-dark);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.countdown-progress-bar{background:#ede5f5;border-radius:10px;width:100%;height:16px;margin-bottom:.75rem;position:relative;overflow:hidden}.countdown-progress-fill{background:linear-gradient(90deg, var(--purple) 0%, var(--pink) 50%, gold 100%);border-radius:10px;height:100%;transition:width .6s;position:relative}.countdown-progress-fill:after{content:"✨";font-size:.7rem;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.countdown-stats{justify-content:center;align-items:center;gap:.4rem;margin-bottom:.5rem;font-family:Fredoka,sans-serif;display:flex}.countdown-done{color:var(--purple-dark);font-size:1.3rem;font-weight:700}.countdown-separator{color:var(--text-light);font-size:1.1rem}.countdown-total{color:var(--text-light);font-size:1.1rem;font-weight:500}.countdown-remaining{color:var(--text-dark);font-size:.95rem;font-weight:500}.confetti{justify-content:center;gap:.75rem;margin-top:.75rem;font-size:1.5rem;display:flex}.confetti span{animation:2s ease-in-out infinite confetti-fall}.confetti span:first-child{animation-delay:0s}.confetti span:nth-child(2){animation-delay:.3s}.confetti span:nth-child(3){animation-delay:.6s}.confetti span:nth-child(4){animation-delay:.9s}.confetti span:nth-child(5){animation-delay:1.2s}@keyframes confetti-fall{0%,to{opacity:1;transform:translateY(0)rotate(0)}50%{opacity:.7;transform:translateY(-12px)rotate(15deg)}}.day-detail{background:var(--white);border-radius:20px;width:100%;max-width:500px;margin-bottom:1.5rem;padding:1.25rem;animation:.3s slideUp;box-shadow:0 4px 20px #8a5cbf1f}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.day-detail-title{color:var(--purple-dark);text-align:center;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.slots-list{flex-direction:column;gap:.75rem;display:flex}.slot-item{border:2px solid var(--purple-light);background:var(--white);border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-family:Fredoka,sans-serif;font-size:1rem;display:flex}.slot-item.slot-readonly{cursor:default}.slot-item.slot-checked{background:linear-gradient(135deg,#eafbec 0%,#d4edda 100%);border-color:#6bcb77}.slot-icon{font-size:1.4rem}.slot-label{text-align:left;color:var(--text-dark);flex:1;font-weight:500}.slot-check{font-size:1.3rem}.legend{flex-wrap:wrap;justify-content:center;gap:1.25rem;padding:.5rem 0 1.5rem;display:flex}.legend-item{color:var(--text-light);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.legend-dot{border-radius:4px;width:14px;height:14px}.legend-dot-empty{background:var(--purple-light)}.legend-dot-partial{background:var(--gold-light);border:1px solid #e6cc00}.legend-dot-complete{background:linear-gradient(135deg,#d4edda 0%,#b7e4c7 100%);border:1px solid #6bcb77}@media (width>=768px){.calendar-day{min-height:64px;padding:.5rem .3rem}.dot{width:8px;height:8px}.progresso-title{font-size:2.2rem}}.diario{flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem 1rem;display:flex}.diario-header{text-align:center;width:100%;max-width:500px;margin-bottom:1.5rem}.diario-title{color:var(--purple-dark);margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.diario-greeting{color:var(--text-light);font-size:1.1rem;font-weight:400}.diario-date-card{background:var(--white);border-radius:20px;align-items:center;gap:1rem;width:100%;max-width:500px;margin-bottom:1.25rem;padding:1.25rem;display:flex;box-shadow:0 4px 20px #8a5cbf1f}.date-icon{font-size:2.2rem}.date-info{flex-direction:column;display:flex}.date-weekday{color:var(--purple-dark);font-size:1.1rem;font-weight:600}.date-full{color:var(--text-light);font-size:.9rem}.diario-progress-bar{background:var(--white);border-radius:20px;width:100%;max-width:500px;margin-bottom:1.25rem;padding:1rem 1.25rem;box-shadow:0 4px 20px #8a5cbf1f}.progress-label{color:var(--text-light);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;display:flex}.progress-count{color:var(--purple-dark);font-size:1rem;font-weight:700}.progress-track{background:var(--purple-light);border-radius:10px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--purple) 0%, #6bcb77 100%);border-radius:10px;height:100%;transition:width .5s}.diario-slots{flex-direction:column;gap:.75rem;width:100%;max-width:500px;margin-bottom:1.5rem;display:flex}.diario-slot{border:2px solid var(--purple-light);background:var(--white);cursor:pointer;border-radius:18px;justify-content:space-between;align-items:center;padding:1.15rem 1.25rem;font-family:Fredoka,sans-serif;transition:all .3s;display:flex;box-shadow:0 2px 10px #8a5cbf14}.diario-slot:hover{border-color:var(--purple);transform:translateY(-1px);box-shadow:0 4px 15px #8a5cbf26}.diario-slot:active{transform:scale(.98)}.diario-slot.slot-done{background:linear-gradient(135deg,#eafbec 0%,#d4edda 100%);border-color:#6bcb77;box-shadow:0 2px 10px #6bcb7726}.diario-slot.slot-animate{animation:.4s popIn}@keyframes popIn{0%{transform:scale(1)}30%{transform:scale(1.04)}60%{transform:scale(.98)}to{transform:scale(1)}}.slot-left{align-items:center;gap:.85rem;display:flex}.slot-emoji{font-size:2rem;line-height:1}.slot-text{text-align:left;flex-direction:column;display:flex}.slot-name{color:var(--text-dark);font-size:1.05rem;font-weight:600}.slot-desc{color:var(--text-light);font-size:.8rem;font-weight:400}.slot-toggle{font-size:1.5rem;transition:transform .3s}.slot-done .slot-toggle{transform:scale(1.1)}.diario-congrats{text-align:center;background:linear-gradient(135deg,#fff4cc 0%,#ffe4f0 50%,#e8d5f5 100%);border-radius:20px;width:100%;max-width:500px;padding:1.5rem;animation:.5s slideUp;box-shadow:0 4px 20px #ffd70033}.congrats-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.congrats-text{color:var(--purple-dark);font-size:1.05rem;font-weight:600;line-height:1.5}.diario-encouragement{background:var(--white);text-align:center;border-radius:16px;width:100%;max-width:500px;padding:1rem 1.25rem;animation:.4s slideUp;box-shadow:0 2px 10px #8a5cbf14}.diario-encouragement p{color:var(--text-light);font-size:.95rem;font-weight:500}@media (width>=768px){.diario-title{font-size:2.2rem}.slot-emoji{font-size:2.4rem}.diario-slot{padding:1.35rem 1.5rem}}