:root{--paper:#fff;--ink:#121212;--ink-2:#46464a;--line:#dcdcd8;--line-strong:#7c7c80;--red:#8f2d2d}@media(prefers-color-scheme:dark){:root{--paper:#0f1727;--ink:#f1efea;--ink-2:#aeb3bd;--line:#26324a;--line-strong:#66728a;--red:#e8a0a0}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}main{max-width:34rem;margin:0 auto;padding:16px}h1{font:600 1.5rem/1.2 ui-serif,Georgia,serif;margin:8px 0 16px}label{display:block;color:var(--ink-2);margin-bottom:4px}input{width:100%;min-height:44px;font:inherit;padding:8px 12px;border:1px solid var(--line-strong);border-radius:0;background:var(--paper);color:var(--ink)}button{min-height:44px;min-width:44px;margin-top:8px;padding:8px 16px;font:inherit;font-weight:600;border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:0}input:focus,button:focus{outline:2px solid var(--ink);outline-offset:2px}#err{color:var(--red);min-height:1.5em;margin:8px 0}ul{list-style:none;padding:0;margin:16px 0;border-top:1px solid var(--line)}li{padding:12px 0;border-bottom:1px solid var(--line)}li.done{color:var(--ink-2);text-decoration:line-through}