:root{--color-bg:#f8f9fa;--color-text:#212529;--color-primary:#0d6efd;--color-primary-light:#3c8aff;--color-border:#dee2e6;--color-white:#fff;--shadow:0 2px 4px #0000000d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#212529;--color-text:#f8f9fa;--color-border:#495057;--color-white:#343a40}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#app{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;padding:1rem}@media (width>=576px){#app{padding:2rem}}h1{text-align:center;margin-bottom:1.5rem;font-size:2.5em;line-height:1.1}#task-form{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}input{border:1px solid var(--color-border);background-color:var(--color-white);color:var(--color-text);border-radius:.375rem;flex-grow:1;min-height:44px;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 .25rem #0d6efd40}button,.btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1;transition:background-color .15s ease-in-out;display:inline-flex}button:hover{background-color:var(--color-primary-light)}.controls{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.filters button:not(.active){background-color:var(--color-border);color:var(--color-text)}#task-list{margin:0;padding:0;list-style:none}.task-item{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.75rem .5rem;display:flex}.task-item:last-child{border-bottom:none}.task-item__checkbox{flex-shrink:0;width:1.25rem;height:1.25rem}.task-item__text{word-break:break-word;flex-grow:1}.task-item.is-completed .task-item__text{color:var(--color-border);text-decoration:line-through}.task-item__delete-btn{background-color:#dc3545;min-height:32px;padding:.25rem .5rem;font-size:.875rem}@media (width>=576px){#task-form{flex-direction:row;gap:.5rem}.controls{flex-direction:row;justify-content:space-between;align-items:center}}