:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{justify-content:center;margin:0;padding:3rem 1rem;display:flex}main{width:100%;max-width:28rem}h1{margin:0 0 1rem}form{gap:.5rem;display:flex}input[type=text],form input{font:inherit;flex:1;padding:.5rem .75rem}button{font:inherit;cursor:pointer;padding:.5rem .9rem}ul{margin:1rem 0 0;padding:0;list-style:none}li{border-bottom:1px solid color-mix(in srgb, currentColor 15%, transparent);justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}li label{flex:1;align-items:center;gap:.6rem;display:flex}li input[type=checkbox]{width:1.1rem;height:1.1rem}.done{opacity:.55;text-decoration:line-through}.remove{opacity:.6;background:0 0;border:none;font-size:1.3rem;line-height:1}.remove:hover{opacity:1}.error{color:#c0392b}.empty{opacity:.6}