body{margin:0;font-family:Arial,sans-serif;background:#f0f0f0}.todo-list{max-width:400px;margin:50px auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center}form{margin-bottom:20px}input[type=text]{padding:8px;width:70%;border:1px solid #ccc;border-radius:4px}button{padding:8px 12px;margin-left:8px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}ul{list-style:none;padding:0;text-align:left}li{background:#f9f9f9;padding:10px;margin:6px 0;border-radius:6px;cursor:pointer;position:relative}li span{position:absolute;right:10px;color:red;font-weight:700;cursor:pointer}