:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (width>=1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}form[data-v-476bfbf3]{text-align:left;flex-direction:column;gap:.5rem;max-width:400px;margin:2rem auto;display:flex}label[data-v-476bfbf3]{color:#35495e;font-size:.9rem;font-weight:600}input[data-v-476bfbf3],select[data-v-476bfbf3]{border:2px solid #42b883;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:1rem}input[data-v-476bfbf3]:focus,select[data-v-476bfbf3]:focus{border-color:#35495e}button[data-v-476bfbf3]{color:#fff;cursor:pointer;background:#42b883;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:1rem;transition:background .2s}button[data-v-476bfbf3]:hover{background:#369870}button[type=button][data-v-476bfbf3]{background:#aaa}button[type=button][data-v-476bfbf3]:hover{background:#888}.todo-app[data-v-1e2965ac]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-width:500px;margin:1.5rem auto;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif}h2[data-v-1e2965ac]{color:#1f2937;text-align:center;margin:0 0 1rem}.add-form[data-v-1e2965ac]{gap:.5rem;margin-bottom:1rem;display:flex}.add-form input[data-v-1e2965ac]{border:1px solid #d1d5db;border-radius:6px;flex:1;padding:.6rem;font-size:1rem}.add-btn[data-v-1e2965ac]{color:#fff;cursor:pointer;background:#42b883;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem}.add-btn[data-v-1e2965ac]:hover{background:#369870}.filter-btns[data-v-1e2965ac]{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.filter-btns button[data-v-1e2965ac]{cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:.4rem .9rem}.filter-btns button[data-v-1e2965ac]:hover{background:#f3f4f6}.todo-list[data-v-1e2965ac]{margin:0;padding:0;list-style:none}.todo-item[data-v-1e2965ac]{border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;padding:.75rem;display:flex}.todo-item input[type=checkbox][data-v-1e2965ac]{cursor:pointer;width:1.1rem;height:1.1rem}.todo-text[data-v-1e2965ac]{text-align:left;color:#000;flex:1}.todo-item.done .todo-text[data-v-1e2965ac]{color:#6b7280;text-decoration:line-through}.todo-actions[data-v-1e2965ac]{gap:.3rem;display:flex}.todo-actions button[data-v-1e2965ac]{cursor:pointer;border:none;border-radius:4px;padding:.3rem .6rem;font-size:.85rem}.edit[data-v-1e2965ac]{color:#1d4ed8;background:#dbeafe}.delete[data-v-1e2965ac]{color:#dc2626;background:#fee2e2}.save[data-v-1e2965ac]{color:#fff;background:#42b883}.cancel[data-v-1e2965ac]{color:#4b5563;background:#f3f4f6}#app[data-v-0946e770]{text-align:center;width:100%;margin-top:3rem}img[data-v-0946e770]{width:80px;margin-bottom:1rem}h1[data-v-0946e770]{color:#35495e;font-size:2.5rem}p[data-v-0946e770]{color:#42b883;font-size:1.2rem}label[data-v-0946e770]{color:#35495e;margin-top:1.5rem;font-size:1rem;display:block}input[data-v-0946e770]{border:2px solid #42b883;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:1rem}input[data-v-0946e770]:focus{border-color:#35495e}input[data-v-0946e770]:disabled{cursor:not-allowed;background:#f0f0f0;border-color:#ccc}button[data-v-0946e770]{color:#fff;cursor:pointer;background:#42b883;border:none;border-radius:6px;margin:.5rem;padding:.5rem 1.5rem;font-size:1rem;transition:background .2s}button[data-v-0946e770]:hover{background:#369870}button[data-v-0946e770]:disabled{cursor:not-allowed;background:#aaa}