:root{--bg:#f6f7f9;--card:#fff;--text:#1d2330;--muted:#6b7280;--line:#e5e7eb;--accent:#2f5bea;--high:#d64545;--medium:#d9911a;--low:#3c9a5f;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#11141b;--card:#1a1f29;--text:#e8eaf0;--muted:#9aa3b2;--line:#2a3140}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{max-width:760px;margin:0 auto;padding:32px 16px}header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}h1{margin:0 0 16px;font-size:1.8rem}.stats{color:var(--muted);gap:16px;margin:0;padding:0;list-style:none;display:flex}.stats strong{color:var(--text)}input,select,button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:8px 10px}button{background:var(--accent);color:#fff;cursor:pointer;border:none}button:disabled{opacity:.5;cursor:default}button.icon{color:var(--muted);background:0 0}.task-form,.filters{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.task-form input[aria-label=Task\ title],.filters input{flex:200px}.tasks{gap:8px;padding:0;list-style:none;display:grid}.task{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.task--done .task__title{color:var(--muted);text-decoration:line-through}.task__body{flex-direction:column;flex:1;min-width:0;display:flex}.task__meta{color:var(--muted);font-size:.85rem}.overdue{color:var(--high);font-weight:600}.badge{text-transform:uppercase;color:#fff;border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:700}.badge--high{background:var(--high)}.badge--medium{background:var(--medium)}.badge--low{background:var(--low)}.error{color:var(--high)}.empty{color:var(--muted)}textarea{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);resize:vertical;border-radius:8px;width:100%;padding:8px 10px}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task-form{flex-direction:column;align-items:stretch}.task-form button[type=submit]{align-self:flex-start}.task-form__row,.edit-form__row,.edit-form__actions{flex-wrap:wrap;gap:8px;display:flex}.task-form__row input[aria-label=Task\ title]{flex:200px}.task__desc{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.task__title{overflow-wrap:anywhere}.task[aria-busy=true]{opacity:.6}.task--editing{display:block}.edit-form{gap:8px;display:grid}.account{align-items:center;gap:10px;display:flex}.account__email{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem}.banner{border:1px solid var(--high);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.loading{color:var(--muted)}.notice{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.auth{max-width:420px;margin:0 auto;padding:48px 16px}.auth__tagline{color:var(--muted);margin-top:-8px}.auth__form{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:12px;padding:20px;display:grid}.auth__form h2{margin:0;font-size:1.2rem}.auth__form label{gap:4px;font-size:.9rem;font-weight:600;display:grid}.auth__switch,.hint{color:var(--muted);margin:0;font-size:.9rem}.demo{color:var(--muted);margin-top:20px;font-size:.9rem}@media (width<=520px){.task{flex-wrap:wrap}.task__body{flex-basis:100%;order:-1}}.task-form__row input[aria-label=Assignee]{flex:0 150px;min-width:0}