:root{--bg:#f6f5f1;--surface:#fff;--text:#1d2420;--muted:#5f6b64;--border:#dcdcd4;--accent:#2f6f4e;--accent-text:#fff;--danger:#b3261e;--overdue:#b3261e;--high:#9a3412;--low:#52606d;--notice:#fff7d6;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#141815;--surface:#1c221e;--text:#e7ebe8;--muted:#9aa69f;--border:#2e3631;--accent:#5fb487;--accent-text:#0d1410;--danger:#f2827a;--overdue:#f2827a;--high:#f0a36b;--low:#a7b4bf;--notice:#3a3420;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0 0 .75rem;font-size:1.5rem}h2{margin:0 0 .5rem;font-size:1rem}a{color:var(--accent)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:.45rem .6rem}button{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;padding:.45rem .9rem}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.link{color:var(--accent);background:0 0;border:none;padding:.2rem .3rem}button.link--danger{color:var(--danger)}label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}code{font-size:.9em}.muted,.hint{color:var(--muted)}.error,.field-error{color:var(--danger);margin:.25rem 0}.field-error{font-size:.85rem}.stack{flex-direction:column;gap:.6rem;display:flex}.row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.centred{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:28rem;margin:15vh auto 0;padding:0 1rem;display:flex}.app{grid-template:"top top""side main"1fr/15rem 1fr;min-height:100vh;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);grid-area:top;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.topbar nav{flex:1;gap:1rem;display:flex}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a.active{color:var(--text);font-weight:600}.brand{color:var(--accent);font-weight:700;text-decoration:none}.who{color:var(--muted);font-size:.9rem}.sidebar{border-right:1px solid var(--border);grid-area:side;padding:1rem}.list-nav{margin:0;padding:0;list-style:none}.list-nav a{border-radius:var(--radius);color:var(--text);padding:.3rem .5rem;text-decoration:none;display:block}.list-nav a.active{background:var(--surface);font-weight:600}.content{grid-area:main;max-width:50rem;padding:1.25rem 1.5rem}@media (width<=40rem){.app{grid-template-columns:1fr;grid-template-areas:"top""side""main"}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.topbar{flex-wrap:wrap}.content{padding:1rem}}.list-header{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.list-header h1{margin-right:auto}.new-todo{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;display:flex}.new-todo input[aria-label=Todo\ title]{flex:14rem}.toggle{flex-direction:row;align-items:center;gap:.4rem;margin-bottom:.5rem}.todos{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.todo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;display:flex}.todo input[type=checkbox]{width:1.1rem;height:1.1rem;margin-top:.3rem}.todo__body{flex:1;min-width:0}.todo--done .todo__title{color:var(--muted);text-decoration:line-through}.todo__meta{color:var(--muted);flex-wrap:wrap;gap:.4rem;font-size:.8rem;display:flex}.todo__notes{white-space:pre-wrap;margin:.3rem 0 0;font-size:.9rem}.todo--editing form{width:100%}.badge,.tag{border:1px solid var(--border);border-radius:999px;padding:0 .5rem}.badge--high{color:var(--high);border-color:currentColor}.badge--low{color:var(--low)}.due--overdue{color:var(--overdue);font-weight:600}.notice{background:var(--notice);border-radius:var(--radius);padding:.75rem 1rem}.notice input{flex:20rem;font-family:ui-monospace,monospace}.keys{border-collapse:collapse;width:100%}.keys th,.keys td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .5rem}