:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#1d1d1f;--bg:#fff;--muted:#6e6e73;--line:#d2d2d7;--problem:#b3261e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#f5f5f7;--bg:#1c1c1e;--muted:#a1a1a6;--line:#3a3a3c;--problem:#ff8a80}}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:40rem;margin:0 auto;padding:2rem 1rem}h1{margin:0 0 .25rem}.count,.empty{color:var(--muted)}form{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}form.add{margin:1rem 0;display:flex}input[name=title]{flex:1;min-width:12rem;padding:.4rem .5rem}ul{padding:0;list-style:none}li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}li.done .title{color:var(--muted);text-decoration:line-through}.actions{align-items:center;gap:.5rem;display:inline-flex}.problem{color:var(--problem);width:100%;margin:.25rem 0}