:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:var(--lightningcss-light,#18181b)var(--lightningcss-dark,#f4f4f5);background:var(--lightningcss-light,#f4f4f5)var(--lightningcss-dark,#18181b);justify-content:center;min-height:100vh;margin:0;display:flex}main{width:min(28rem,90vw);margin-top:10vh}header{align-items:center;gap:.75rem;display:flex}header img{border-radius:50%;width:1.5rem;height:1.5rem}h1{margin:0;font-size:1.5rem}form{gap:.5rem;margin:1.5rem 0 .5rem;display:flex}input{color:inherit;font:inherit;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#27272a);border:1px solid var(--lightningcss-light,#d4d4d8)var(--lightningcss-dark,#3f3f46);border-radius:.5rem;flex:1;padding:.6rem .8rem}button{color:#fff;font:inherit;cursor:pointer;background:#6366f1;border:0;border-radius:.5rem;padding:.6rem 1rem}#search{box-sizing:border-box;width:100%;margin-bottom:1rem}ul{border-radius:.75rem;margin:0;padding:0;list-style:none;overflow:hidden}li label{cursor:pointer;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#27272a);align-items:center;gap:.75rem;margin-bottom:1px;padding:.75rem 1rem;display:flex}li input{flex:0}li.done span{opacity:.5;text-decoration:line-through}footer{opacity:.6;margin-top:1rem;font-size:.85rem}