*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#0b0e14;color:#eaeefb}
main{max-width:720px;margin:40px auto;padding:0 16px}
h1{margin:0 0 16px}
form{display:flex;gap:8px;margin-bottom:16px}
input{flex:1;padding:10px;border-radius:10px;border:1px solid #233}
button{padding:10px 14px;border-radius:10px;border:1px solid #355;background:#1c2b45;color:#dbe7ff;cursor:pointer}
ul{list-style:none;padding:0;margin:0}
li{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #233;border-radius:12px;margin-bottom:8px;background:#121826}
li span.title{flex:1}
li.done span.title{text-decoration:line-through;opacity:.6}
a.del{color:#ffb4b4;text-decoration:none;border:1px solid #472222;padding:4px 8px;border-radius:8px}
#status{opacity:.7;margin-top:12px}