:root { font-family: system-ui, sans-serif; color-scheme: light dark; }
body { max-width: 40rem; margin: 0 auto; padding: 1rem; }
header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 2rem; }
nav a { margin-left: 1rem; }
.big { font-size: 4rem; margin: 0; }
button { cursor: pointer; padding: .4rem .8rem; }
form { display: flex; gap: .5rem; margin-bottom: 1rem; }
form input { flex: 1; padding: .4rem; }
ul { list-style: none; padding: 0; }
li { display: flex; justify-content: space-between; padding: .4rem 0; border-bottom: 1px solid #8884; }
li.done label { text-decoration: line-through; opacity: .6; }
li.empty { opacity: .6; }
.x { border: 0; background: none; font-size: 1.2rem; }