@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";*{box-sizing:border-box;margin:0 auto;padding:0}body{background:#e9f0ff;font-family:Roboto Light,sans-serif;line-height:1.5;text-align:center}header{padding:1.4rem;margin-bottom:1.8rem;background-color:#002a5a;color:#e9f0ff}section{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:700px;padding:1rem;gap:1rem}.streakData{padding:0 2rem;border:black solid 2px;border-radius:10px}.taskDone button{background:#00800b;width:8rem;height:8rem;border-radius:8rem;color:#fff;font-size:16px;text-transform:uppercase}.taskDone button:disabled{cursor:not-allowed;opacity:.4}.options button{background:#9c0001;width:4rem;height:4rem;border-radius:4rem;color:#fff;font-size:12px;text-transform:uppercase}form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 10px #0000001a}label{font-size:.9rem;padding-right:.4rem}input{padding:.5rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;transition:border .2s ease}input:focus{border-color:#007bff}button{padding:.7rem 1rem;background:#007bff;color:#fff;font-size:1rem;font-weight:500;border:none;border-radius:1rem;padding:.6rem;cursor:pointer;transition:background .2s ease}button:hover{opacity:.8}button:active{opacity:.6}.taskDone button:hover:enabled{box-shadow:0 0 10px #67ff73}.options button:hover:enabled{box-shadow:0 0 10px #ff7e7e}.error{color:#d9534f}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.success{color:#00800b;animation:fadeInOut 3s ease-in-out forwards}.warning{color:#ff9100;animation:fadeInOut 3s ease-in-out forwards}.note{font-size:.9rem}footer button{margin:1rem;background:transparent;color:#007bff}footer button:hover{background:transparent;color:#002a5a}footer button:active{background:transparent;color:#004494}