:root{--bg: #f6f7f9;--surface: #ffffff;--hover: #f0f2f5;--border: #e3e6eb;--text: #1c2024;--muted: #6b7280;--accent: #6e56cf;--accent-soft: #efebfc;--danger: #e5484d;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #111317;--surface: #1a1d23;--hover: #23272f;--border: #2c313a;--text: #eceef2;--muted: #9aa1ad;--accent: #9e8cfc;--accent-soft: #2a2545;--danger: #ff6369;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}h1{font-size:1.6rem;margin:0 0 20px}h2{font-size:1.1rem;margin:0 0 12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page-head h1{margin:0}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{width:100%;resize:vertical}button{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 14px;cursor:pointer}button:hover{background:var(--hover)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.08)}button.icon-btn{padding:4px 8px;border-color:transparent;background:transparent;color:var(--muted)}button.icon-btn:hover{color:var(--danger);background:var(--hover)}.muted{color:var(--muted)}.empty{color:var(--muted);padding:12px 0}.avatar{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 2px;border-radius:999px;background:var(--hover);font-size:.85rem}.check-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.check-row:last-child{border-bottom:none}.check-row .text{flex:1;min-width:0;overflow-wrap:anywhere}.check-row.done .text{text-decoration:line-through;color:var(--muted)}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}