:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.4}body{margin:0 auto;max-width:44rem;padding:1.5rem 1rem}.lede{max-width:38rem}label{display:inline-flex;gap:.4rem;align-items:center}.form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin:1rem 0}.field{display:grid;gap:.25rem;position:relative;padding-bottom:1.25rem}.form>button{margin-bottom:1.25rem}.field input[type=text]{font:inherit;padding:.35rem .5rem}.is-invalid{outline:2px solid #c0392b}.field-error{position:absolute;inset-inline:0;bottom:0;color:#c0392b;font-size:.9rem;line-height:1.25rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,input{font:inherit}button{padding:.35rem .8rem}ul{list-style:none;padding:0;margin:0}li{display:flex;gap:.6rem;align-items:center;padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}button.done{text-decoration:line-through;opacity:.7}button.title,button.done{flex:1;text-align:left;background:none;border:0;padding:.2rem 0;cursor:pointer}#status,#editor-status,#Todos [role=status],#Todos [role=alert]{margin:0;min-height:1.4em;line-height:1.4}#status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#status button{padding:0 .4rem}#editor{margin-top:1.5rem}[role=alert]{color:#c0392b}