:root{--bg:#f7f7f8;--panel:#fff;--border:#e7e7ea;--text:#111114;--muted:#6b6b73;--muted2:#8a8a93;--primary:#111114;--primaryHover:#2b2b31;--danger:#b42318;--dangerBg:#fff3f2;--shadow:0 8px 24px #11111414;--radius:16px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1060px;margin:0 auto;padding:20px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.title{letter-spacing:-.2px;font-size:20px;font-weight:800}.sub{color:var(--muted);margin-top:6px;line-height:1.4}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.section{padding:16px}.section+.section{border-top:1px solid var(--border)}.pill{border:1px solid var(--border);color:var(--muted);background:#fafafa;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.pill strong{color:var(--text);font-weight:700}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:12px;padding:10px 12px;transition:background .12s,border-color .12s,transform .12s}.btn:hover{background:#fafafa}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primaryHover);border-color:var(--primaryHover)}.btn.danger{background:var(--dangerBg);color:var(--danger);border-color:#fda29b}.btn:disabled{opacity:.55;cursor:not-allowed}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:10px 12px}.input:focus{border-color:#c9c9cf;box-shadow:0 0 0 3px #1111140f}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}@media (max-width:980px){.grid3{grid-template-columns:1fr}}.listTitleRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.listTitle{font-weight:800}.count{color:var(--muted2);font-size:12px}.taskRow{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.taskRow.grey{color:var(--muted);background:#fafafa}.taskText{flex:1;line-height:1.3}.taskText.done{color:var(--muted2);text-decoration:line-through}.smallBtn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;padding:7px 9px}.smallBtn:hover{background:#fafafa}.smallBtn:disabled{opacity:.55;cursor:not-allowed}.modalOverlay{z-index:100;background:#11111459;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);background:#fff;border-radius:18px;overflow:hidden}.modalHeader{padding:16px;font-weight:900}.modalBody{color:var(--muted);padding:0 16px 16px;line-height:1.45}.modalFooter{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:12px 16px 16px;display:flex}