body{font-family:system-ui,sans-serif;background:#111;color:#fff;display:flex;justify-content:center;align-items:flex-start;padding-top:50px}.app{text-align:center;width:320px}h1{color:#0ff;letter-spacing:1px}.input-row{display:flex;justify-content:center;margin-bottom:20px}input{flex:1;padding:10px;border:none;border-radius:4px;margin-right:10px}button{background:#0ff;color:#111;border:none;border-radius:4px;padding:10px 14px;font-weight:700;cursor:pointer}ul{list-style:none;padding:0}li{background:#222;margin-bottom:8px;padding:10px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;transition:.3s}li.done{text-decoration:line-through;opacity:.6}.delete-btn{background:transparent;border:none;cursor:pointer;font-size:16px}