:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:#0f1216;color:#e8eef5}.card{max-width:640px;margin:64px auto;background:#161c23;border:1px solid #26313c;border-radius:12px;padding:28px}h1{margin:0 0 18px;font-size:24px}form{display:grid;gap:10px}label{color:#9fb0c1;font-size:14px}input{padding:10px;border-radius:8px;border:1px solid #33414f;background:#0c1116;color:#e8eef5}button{padding:10px 16px;border-radius:8px;border:0;background:#e8eef5;color:#10151a;font-weight:600;cursor:pointer}button.link{background:transparent;color:#9fb0c1;padding:4px 0;text-decoration:underline}.row{grid-template-columns:1fr auto;align-items:end}.row label{grid-column:1 / -1}.top{display:flex;align-items:center;justify-content:space-between}.tasks{list-style:none;padding:0;margin:18px 0 0}.tasks li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #26313c}.tasks li label{display:flex;gap:10px;align-items:center;color:inherit}.tasks li.done span{text-decoration:line-through;color:#7f91a3}.empty{color:#7f91a3}.error{color:#ff8a80}