*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f2f5;color:#333;min-height:100vh}.container{max-width:600px;margin:0 auto;padding:40px 20px}h1{text-align:center;color:#42b883;margin-bottom:8px;font-size:2rem}.container>p{text-align:center;color:#666;margin-bottom:30px}.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.card h2{margin-bottom:16px;color:#35495e}.counter{font-size:3rem;font-weight:700;text-align:center;color:#42b883;margin:16px 0}.buttons{display:flex;justify-content:center;gap:12px}button{padding:8px 20px;border:none;border-radius:6px;background:#42b883;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}button:hover{background:#35a06e}.todo-input{display:flex;gap:8px;margin-bottom:16px}.todo-input input{flex:1;padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;outline:none;transition:border-color .2s}.todo-input input:focus{border-color:#42b883}.todo-list{list-style:none}.todo-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.todo-list li span{cursor:pointer;transition:all .2s}.todo-list li span.done{text-decoration:line-through;color:#aaa}.delete{background:#e74c3c;padding:4px 10px;font-size:.8rem;border-radius:4px}.delete:hover{background:#c0392b}.empty{text-align:center;color:#aaa;font-style:italic}