.visually-hidden{clip:rect(0 0 0 0);border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{align-items:center;background-color:#f5f5f5;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh}.main{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:600px;overflow:hidden;width:100%}.header{background-color:#f5f5f5;border-bottom:1px solid #eaeaea;padding:16px;text-align:center}.header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:16px;text-transform:lowercase}.input-container{margin:0 auto;max-width:600px;padding:8px 0}.new-todo{border:1px solid #ddd;border-radius:4px;font-size:1rem;outline:none;padding:12px 16px;width:100%}.new-todo:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.3)}.new-todo::placeholder{color:#bbb}.toggle-all-container{border-bottom:1px solid #eaeaea;padding:16px;text-align:center}.toggle-all{appearance:none;background:#eaeaea;border-radius:4px;cursor:pointer;height:20px;position:relative;transition:background-color .3s;width:20px}.toggle-all:checked{background-color:#007bff}.toggle-all:checked:after{color:#fff;content:"✔";font-size:12px;left:4px;position:absolute;top:2px}.todo-item .toggle{appearance:none;background:#eaeaea;border-radius:4px;height:20px;position:relative;transition:background-color .3s;width:20px}.todo-item .toggle:checked{background-color:#007bff}.todo-item .toggle:checked:after{color:#fff;content:"✔";font-size:12px;left:4px;position:absolute;top:2px}.completed{color:#d9d9d9;text-decoration:line-through;transition:color .3s}.todo-item label{cursor:pointer;flex-grow:1;padding:0 8px}.todo-item .toggle{cursor:pointer;margin-right:8px}.todo-item:hover .destroy{visibility:visible}.footer{align-items:center;background:#f5f5f5;border-top:1px solid #eaeaea;color:#777;display:flex;font-size:.9rem;justify-content:space-between;padding:16px}.todo-count{margin-left:16px}.filters{display:flex;gap:8px;list-style:none;margin:0;padding:0}.filters a{border-radius:4px;color:inherit;padding:4px 8px;text-decoration:none;transition:background-color .3s}.filters a.selected,.filters a:hover{background-color:#e4e4e4}.clear-completed{background:none;border:none;color:#cc9a9a;cursor:pointer;font-size:.9rem;transition:color .3s}.clear-completed:hover{color:#af5b5e}.todo-list li .destroy{color:#949494;font-size:10px;height:20px;margin:auto 20px auto 0;transition:color .2s ease-out;width:20px}.view{display:flex;justify-content:space-between}@media (max-width:600px){.main{width:90%}}
/*# sourceMappingURL=app.css.map*/