@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap";:root{--bg: #eef1f4;--surface: #ffffff;--fg: #1c2530;--muted: #667282;--line: #d9dfe6;--accent: #1f6feb;--accent-fg: #ffffff;--danger: #c93b3b;--font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #12171d;--surface: #1b222b;--fg: #e6ebf1;--muted: #8b97a6;--line: #2b3541;--accent: #5b9bff;--accent-fg: #0c1118;--danger: #ef7676;color-scheme:dark}}:root[data-theme=dark]{--bg: #12171d;--surface: #1b222b;--fg: #e6ebf1;--muted: #8b97a6;--line: #2b3541;--accent: #5b9bff;--accent-fg: #0c1118;--danger: #ef7676;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;padding-inline:16px;padding-block:40px}main{max-width:560px;margin-inline:auto}h1{font-size:1.75rem;font-weight:700;margin:0 0 4px;text-wrap:balance}.sub{color:var(--muted);margin:0 0 20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px}form.add{display:flex;gap:8px;margin-bottom:16px}input[type=text]{flex:1;min-width:0;font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px}input[type=text]::placeholder{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.primary{background:var(--accent);color:var(--accent-fg);font-weight:600;border-radius:8px;padding:0 20px}.primary:disabled{opacity:.5;cursor:default}ul{list-style:none;margin:0;padding:0}li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}li:last-child{border-bottom:0}li input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none;cursor:pointer}li .text{flex:1;min-width:0;overflow-wrap:anywhere;cursor:text}li.done .text{color:var(--muted);text-decoration:line-through}li .edit{flex:1;padding:6px 10px}.del{color:var(--muted);font-size:1.25rem;line-height:1;padding:4px 8px;border-radius:6px}.del:hover{color:var(--danger)}.empty{padding:28px 14px;text-align:center;color:var(--muted)}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:12px;color:var(--muted);font-size:.9rem}.filters{display:flex;gap:4px}.filters button{padding:6px 12px;border-radius:999px}.filters button[aria-pressed=true]{background:var(--surface);color:var(--fg);font-weight:600;border:1px solid var(--line);padding:5px 11px}.clear:hover{color:var(--danger)}.hint{margin-top:20px;font-size:.85rem;color:var(--muted)}