:root{--bg:#0b1020;--fg:#e8ecf5;--muted:#9aa5bd;--accent:#5ad1ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f7f9fd;--fg:#121a2b;--muted:#55617a;--accent:#0a6fb3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}main{max-width:40rem;margin:0 auto;padding:4rem 1rem}h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:2.5rem}.lede{color:var(--accent);margin:0 0 2rem;font-size:1.25rem}.note{color:var(--muted)}a{color:var(--accent)}.error{color:#ff7a7a}.stack{flex-direction:column;gap:.5rem;max-width:24rem;display:flex}input,button{font:inherit;border-radius:.375rem;padding:.5rem .75rem}input{border:1px solid var(--muted);color:var(--fg);background:0 0}button{background:var(--accent);color:var(--bg);cursor:pointer;border:0}button.link{color:var(--accent);background:0 0;padding:0;text-decoration:underline}.bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.bar button{white-space:nowrap}h2{color:var(--muted);margin:2rem 0 .5rem;font-size:1.1rem}.add{gap:.5rem;margin:1.5rem 0 .5rem;display:flex}.add input{flex:1;min-width:0}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:default}.tasks{margin:0;padding:0;list-style:none}.task{border-bottom:1px solid color-mix(in srgb, var(--muted) 25%, transparent);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.6rem 0;display:flex}.task.sub{margin-left:1.75rem}.task.done .grow{color:var(--muted);text-decoration:line-through}.task input[type=checkbox]{width:1.15rem;height:1.15rem;margin:0}.task .grow{overflow-wrap:anywhere;flex:12rem;min-width:0}.task .grow input{width:100%}.task .controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.task .points{width:5rem;padding:.25rem .5rem}.task select{font:inherit;background:var(--bg);max-width:14rem;color:var(--fg);border:1px solid var(--muted);border-radius:.375rem;padding:.25rem}.task .full{flex-basis:100%;margin:.25rem 0 0}@media (max-width:30rem){main{padding:2rem .75rem}h1{font-size:2rem}}