:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;display:grid;place-items:center;min-height:100vh}main{text-align:center;padding:2rem;width:min(480px,90vw)}form{display:flex;gap:.5rem;margin:1rem 0}input[type=text],input:not([type]){flex:1;font-size:1rem;padding:.5rem}button{font-size:1rem;padding:.5rem 1rem;cursor:pointer}ul{list-style:none;padding:0;text-align:left}li{display:flex;align-items:center;justify-content:space-between;padding:.4rem .2rem;border-bottom:1px solid rgba(127,127,127,.25)}li label{display:flex;gap:.5rem;align-items:center;cursor:pointer}li.done span{text-decoration:line-through;opacity:.55}button.del{border:none;background:none;font-size:1.2rem;line-height:1;opacity:.6}button.del:hover{opacity:1}.error{color:#c0392b}