: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{margin:0;font-family:Poppins,sans-serif;transition:background-color .3s ease,color .3s ease}body.light{background-color:#f4f6ff;color:#000}body.dark{background-color:#121212;color:#fff}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;box-shadow:0 2px 8px #00000026;z-index:1000}.navbar.light{background-color:#779bff}.navbar.dark{background-color:#444}.logo-group{display:flex;align-items:center;gap:10px}.logo-group img{width:40px}.logo-group h1{font-size:22px;margin:0}.navbar ul{display:flex;gap:20px;list-style:none;margin:0;padding-left:500px}.navbar ul li a{text-decoration:none;font-size:15px;font-weight:500;color:#000;transition:color .2s ease}.navbar ul li a:hover{color:#1d4ed8}.navbar ul li a:active{color:#2563eb}.navbar ul li a:visited{color:#000}body.dark .navbar ul li a{color:#fff}body.dark .navbar ul li a:hover{color:#93c5fd}body.dark .navbar ul li a:active{color:#60a5fa}body.dark .navbar ul li a:visited{color:#fff}.theme-icon img{width:28px;padding-right:60px;cursor:pointer;transition:transform .2s ease}.theme-icon img:hover{transform:scale(1.15)}@media(max-width:768px){.navbar{padding:10px 16px;flex-wrap:wrap}.navbar ul{width:100%;justify-content:center;gap:16px;padding:10px 0 0;margin-top:8px}.navbar ul li a{font-size:14px}.logo-group h1{font-size:18px}.logo-group img{width:34px}.theme-icon img{width:24px}}@media(max-width:480px){.navbar ul{gap:12px;flex-wrap:wrap}.navbar ul li a{font-size:13px}.logo-group h1{font-size:16px}}.home{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;background:transparent;border:none;box-shadow:none;width:100%}.motivational-card{text-align:center;width:100%;max-width:600px;padding:13px;border-radius:12px;box-shadow:0 10px 30px #0000001f;transition:all .3s ease;margin-top:20px}.motivational-card h3{font-size:20px;margin-bottom:10px;font-weight:700}.motivational-card p{font-size:15px;line-height:1.6;font-weight:600}.sitecontent{max-width:750px;margin-top:30px;padding:0 5px}.sitecontent p{text-align:justify;font-size:16px;line-height:1.8;font-weight:500;letter-spacing:.3px}body.light .home{background:#f7f9fc}body.light .motivational-card{background:#fff}body.light .motivational-card h3{color:#222}body.light .motivational-card p,body.light .sitecontent p{color:#444}body.dark .home{background:#1e293b}body.dark .motivational-card{background:#9bbaec}body.dark .motivational-card h3{color:#f8fafc}body.dark .motivational-card p,body.dark .sitecontent p{color:#e2e8f0}@media(max-width:480px){.motivational-card{padding:14px}.motivational-card h3{font-size:18px}.motivational-card p,.sitecontent p{font-size:14px}.sitecontent{margin-top:40px}}body{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;transition:background .3s ease,color .3s ease}.center-box{padding:40px 30px;border-radius:16px;background:#ffffffd9;box-shadow:0 20px 40px #00000014}body.dark .center-box{background:#1e293bd9;box-shadow:0 20px 40px #0006}.container{width:100%;max-width:200px;margin:auto;padding:0;border-radius:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:none;box-shadow:none;background:transparent}.container h3{padding-top:50px}body.light{background:#f7f9fc;color:#1f2937}body.light .timer-ring-bg{stroke:#e5e7eb}body.light .timer-text{color:#111827}body.light .action-btns-container button,body.light .mode-buttons button{background:#e0f2fe;color:#000}body.light .mode-buttons button:hover{background:#bae6fd}body.dark{background:#1e293b;color:#e5e8eb}body.dark .timer-ring-bg{stroke:#334155}body.dark .timer-text{color:#f8fafc}body.dark .action-btns-container button,body.dark .mode-buttons button{background:#334155;color:#f8fafc}body.dark .mode-buttons button:hover{background:#475569}.mode-label{font-size:18px;font-weight:600;letter-spacing:.4px}.timer{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center}.timer-text{position:absolute;font-size:34px;font-weight:700;letter-spacing:1px}.action-btns-container{display:flex;gap:14px}.action-btns-container button{padding:10px 24px;border-radius:24px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .3s ease}.action-btns-container button:hover{transform:scale(1.05)}.action-btns-container button:disabled{opacity:.6;cursor:not-allowed}.mode-buttons{display:flex;gap:12px}.mode-buttons button{padding:8px 18px;border-radius:20px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s ease}.msg{font-size:12px;opacity:.75;margin-top:6px}.stats{margin-top:22px;padding-top:14px;border-top:1px solid #dbeafe}.stats p{margin:6px 0;font-size:14px;color:#374151}@media(max-width:480px){.timer{width:160px;height:160px}.timer-text{font-size:28px}}.plant-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2px;font-family:Segoe UI,sans-serif}.title{font-size:2rem;margin-bottom:6px;color:#065f46}body.dark .title{color:#4ade80}.subtitle{font-size:1rem;color:#047857;margin-bottom:30px}body.dark .subtitle{color:#86efac}.plant-emoji{font-size:6rem;margin:20px 0;transition:transform .4s ease}.plant-emoji:hover{transform:scale(1.1)}.water-btn{margin-top:25px;padding:12px 26px;font-size:1rem;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;background:#10b981;color:#fff}body.dark .water-btn{background:#22c55e;color:#0f172a}.water-btn:hover{background:#059669;transform:translateY(-2px)}body.dark .water-btn:hover{background:#16a34a}.water-btn:active{transform:scale(.96)}.reward-box{margin-top:10px;animation:fadeIn .6s ease}.reward-box h3{color:#065f46;margin-bottom:4px;font-weight:600}body.dark .reward-box h3{color:#4ade80}.reward-box p{font-size:1rem;color:#064e3b;font-style:italic;margin:0}body.dark .reward-box p{color:#d1fae5}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.light .todo-container{background:#fff;color:#000}body.light .todo-list li{background:#f5f6ff}body.light .todo-list li.done{background:#e0e0e0}body.light .todo-input input{background:#fff;color:#000;border:1px solid #ccc}body.dark .todo-container{background:#1e293b;color:#fff}body.dark .todo-container h2{color:#fff}body.dark .todo-list li{background:#2a2a2a}body.dark .todo-list li span{color:#fff}body.dark .todo-list li.done{background:#3a3a3a}body.dark .todo-list li.done span{color:#aaa}body.dark .todo-input input{background:#2a2a2a;color:#fff;border:1px solid #555}body.dark .todo-input input::placeholder{color:#aaa}.todo-page{min-height:100vh;padding-top:90px;display:flex;justify-content:center;align-items:flex-start;background:transparent}.todo-container{width:420px;padding:24px;border-radius:16px;box-shadow:0 10px 35px #00000026}.todo-container h2{text-align:center;margin-bottom:18px;font-size:22px;color:#333}.todo-input{display:flex;gap:10px;margin-bottom:16px}.todo-input input{flex:1;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:14px}.todo-input input:focus{outline:none;border-color:#667eea}.todo-input button{padding:12px 18px;border-radius:8px;border:none;cursor:pointer;background:#667eea;color:#fff;font-size:14px;transition:.3s}.todo-input button:hover{background:#5563d6}.todo-list{list-style:none;padding:0;margin-top:10px}.todo-list li{padding:12px;margin-bottom:10px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.todo-list li span{font-size:15px;color:#333}.todo-list li.done span{text-decoration:line-through}.actions{display:flex;gap:6px}.actions button{border:none;cursor:pointer;padding:6px 10px;border-radius:6px;font-size:13px;color:#fff}.complete{background:#2ecc71}.edit{background:#f4a261}.delete{background:#e63946}.empty{text-align:center;color:gray;margin-top:10px}.congrats-text{position:fixed;top:90px;left:50%;transform:translate(-50%);background:#e8f5e9;color:#2e7d32;padding:8px 20px;border-radius:6px;font-weight:600;z-index:2000}body.dark .congrats-text{background:#1b5e20;color:#c8e6c9}@media(max-width:480px){.todo-container{width:100%;padding:20px}.todo-input{flex-direction:column}.todo-input button{width:100%}.actions button{font-size:12px;padding:5px 8px}}.footer{position:fixed;bottom:0;left:0;width:100%;height:60px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}body.light .footer{background-color:#779bff;color:#000}body.dark .footer{background-color:#121212;color:#f1f1f1}.footer-content{max-width:1000px;margin:auto;padding:0 10px}.footer-content p{font-size:13px;margin:3px 0;opacity:.85}.copyright{margin-top:4px;font-size:11px;opacity:.7}@media(max-width:600px){.footer{padding:12px 0}.footer-content h3{font-size:16px}.footer-content p{font-size:12px}}