:root{--bg:#f4f5f7;--surface:#fff;--text:#1c1e21;--muted:#5f6672;--line:#e2e4e9;--field:#8a909c;--accent:#2f5bd3;--accent-text:#fff;--accent-soft:#e8eefc;--danger:#b42318;--radius:14px;--shadow:0 1px 2px #0000000a, 0 4px 16px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141518;--surface:#1d1f23;--text:#e8e9ec;--muted:#a3a8b3;--line:#2e3137;--field:#6b717c;--accent:#7c9cff;--accent-text:#0f1424;--accent-soft:#232b45;--danger:#ff8a80;--shadow:none}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}h1{letter-spacing:.02em;margin:0;font-size:1.6rem}button,input{font:inherit;color:inherit}input{border:1px solid var(--field);background:var(--surface);border-radius:10px;min-height:44px;padding:8px 12px}button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:44px;padding:8px 16px}button:disabled{cursor:default;opacity:.6}button.small{min-height:36px;padding:4px 12px}button.primary{background:var(--accent);color:var(--accent-text);font-weight:600}button.ghost{color:var(--muted);padding:6px 10px}button.ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}button.danger,button.danger:hover:not(:disabled){color:var(--danger)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.page{gap:16px;max-width:680px;margin:0 auto;padding:32px 16px 64px;display:grid}.page-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.muted{color:var(--muted);margin:4px 0 20px}.error{color:var(--danger);min-height:1.5em;margin:8px 0 0;font-size:.95rem}.error:empty{min-height:0;margin:0}.stack{gap:12px;display:grid}.field{color:var(--muted);gap:4px;font-size:.9rem;display:grid}.field input{color:var(--text);width:100%}.grow{flex:1;min-width:0}.add-form{align-items:flex-end;gap:10px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.filters{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--field);min-height:40px;color:var(--muted);border-radius:999px;padding:6px 14px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.count{font-variant-numeric:tabular-nums;opacity:.85}.list{margin:0;padding:0;list-style:none}.item{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 4px;display:flex}.item:first-child{border-top:none}.item input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:var(--accent);cursor:pointer;flex:none;margin:0 4px}.item-text{cursor:pointer;flex:1;gap:2px;min-width:0;padding:6px 0;display:grid}.item-title{overflow-wrap:anywhere}.item.done .item-title{color:var(--muted);text-decoration:line-through}.item.pending{opacity:.6}.item-actions{flex:none;gap:2px;display:flex}.due{color:var(--muted);font-size:.85rem}.due.overdue{color:var(--danger);font-weight:600}.edit-form{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.edit-form input:not([type=date]){flex:1;min-width:12rem}.empty{text-align:center;color:var(--muted);margin:0;padding:24px 0 16px}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{width:min(100%,360px);padding:28px 24px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:560px){.page{padding-top:20px}.add-form{flex-wrap:wrap}.add-form .grow{flex-basis:100%}.add-form button{flex:1}.item{flex-wrap:wrap}.item-actions{margin-left:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}