:root{color:#1f2328;background:#f6f8fa;font-family:system-ui,sans-serif}main,.card{max-width:40rem;margin:3rem auto;padding:0 1rem}.card{flex-direction:column;gap:.75rem;max-width:22rem;display:flex}.card label{flex-direction:column;gap:.25rem;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.row{flex-wrap:wrap;gap:.5rem;display:flex}.row input{flex:1;min-width:12rem}input,select,button{font:inherit;padding:.4rem .6rem}button.primary{color:#fff;cursor:pointer;background:#1f883d;border:1px solid #1a7f37;border-radius:6px}.filter{gap:.4rem;margin-top:1rem;display:inline-flex}ul{padding:0;list-style:none}li{border-bottom:1px solid #d0d7de;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.task{flex:1;align-items:baseline;gap:.5rem;display:flex}.task small{display:block}.done{color:#8c959f;text-decoration:line-through}.muted{color:#57606a}.error{color:#cf222e}.info{color:#1a7f37}button.link{color:#0969da;cursor:pointer;background:0 0;border:none;padding:0}