:root{--ink:#1c1c1c;--ink-soft:#555;--ink-faint:#888;--border:#ddd;--border-strong:#b9b9b9;--card-bg:#fff;--overdue:#c0392b;--overdue-bg:#fdf4f2;--warn:#a05a00;--error:#b3261e;--primary-bg:#e9f5ec;--primary-border:#2e7d32}*{box-sizing:border-box}body{color:var(--ink);background:#fafafa;margin:0;font-family:system-ui,sans-serif;line-height:1.45}button{font:inherit;min-height:32px}.container{max-width:720px;margin:0 auto;padding:16px}.nav{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.nav__user{margin-left:auto}.section{margin-bottom:24px}.section h2{margin:0 0 10px;font-size:1.15rem}.list{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.row{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:block}.row--active,.row--overdue{border-color:var(--border-strong);font-size:1.05rem;font-weight:500}.row--overdue{border-left:4px solid var(--overdue);background:var(--overdue-bg)}.row--muted{opacity:.6;font-size:1rem;font-weight:400}.row .btn{margin:4px 6px 0 0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:12px 14px}.card h2{margin-top:0}.card h3{margin:0 0 4px}.card p{margin:6px 0}.btn{border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:8px;min-height:32px;padding:4px 12px;font-size:.95rem}.btn:hover{background:#f2f2f2}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--primary-bg);border-color:var(--primary-border)}.btn--primary:hover{background:#ddefe1}.actions{flex-wrap:wrap;gap:12px;margin:10px 0 0;display:flex}.field{margin:12px 0;display:block}.filters{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.soft{color:var(--ink-soft)}.muted{color:var(--ink-faint)}.warn{color:var(--warn)}.error{color:var(--error)}